Skip to content

Commit 0a493a5

Browse files
devvaannshabose
authored andcommitted
docs: update newly added features for release 5.5
1 parent 55bce9c commit 0a493a5

1 file changed

Lines changed: 54 additions & 0 deletions

File tree

‎src/assets/default-project/en/Newly_added_features.md‎

Lines changed: 54 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -4,6 +4,60 @@ We are continuously adding features every week. [Check out our release page to s
44

55
Here's a list of top features recently added to Phoenix Code:
66

7+
## [Layers Panel: Your Page as a Tree](https://docs.phcode.dev/app-links/layers-panel)
8+
9+
`Added in October 2026`
10+
11+
The new **Layers** tab in the sidebar shows your page as a tree. Click a row to select the element, then edit its tag, classes, attributes, and styles right in the sidebar. Drag rows to move things around, and insert, duplicate, or delete elements without touching the code.
12+
13+
The Styles section lists every rule that applies to the element, shows which values are overridden and by what, and lets you edit them in place.
14+
15+
![Image](https://docs-images.phcode.dev/in-app/pro-layersPanel.jpg)
16+
17+
## [A New AI Panel with Built-in Claude Code](https://docs.phcode.dev/app-links/ai-chat)
18+
19+
`Added in October 2026`
20+
21+
Claude Code now comes built in. Sign in and start chatting, with nothing to install. The new chat shows you what the AI is doing as it works, and every change it makes can be undone with one click. You decide how much it can do on its own.
22+
23+
New to AI? Click **Surprise Me** on the start screen to watch a demo first. Free accounts get a daily and monthly chat limit. Phoenix Pro removes the limits.
24+
25+
> This feature is available only in desktop apps.
26+
27+
![Image](https://docs-images.phcode.dev/in-app/pro-aiPanel.jpg)
28+
29+
## [Claude Code CLI and Codex CLI Inside the Editor](https://docs.phcode.dev/app-links/ai-cli)
30+
31+
`Added in October 2026`
32+
33+
Already use **Claude Code** or **Codex**? Run them inside the AI panel. They see the file you are editing, your unsaved changes, and the Live Preview, and they can take screenshots and open files.
34+
35+
> Running the CLIs inside the panel is a Phoenix Pro feature, available only in desktop apps.
36+
37+
![Image](https://docs-images.phcode.dev/in-app/pro-aiCli.jpg)
38+
39+
## [Ask AI About What You See](https://docs.phcode.dev/app-links/ai-ask)
40+
41+
`Added in October 2026`
42+
43+
Select an element in Live Preview and click **Ask AI**. A screenshot of the element and its place in the code go with your question, so you don't have to describe where it is. The same button appears on selected code in the editor and on selected text in the Markdown preview.
44+
45+
The AI can ask you back the same way, with a card inside the Live Preview and options you can preview on the page.
46+
47+
> This feature is available only in desktop apps.
48+
49+
![Image](https://docs-images.phcode.dev/in-app/pro-aiAsk.jpg)
50+
51+
## [Find Photos with AI](https://docs.phcode.dev/app-links/ai-images)
52+
53+
`Added in October 2026`
54+
55+
Ask the AI for a picture and it searches Unsplash. Pick one and it goes on your page, linked from Unsplash or downloaded into your project.
56+
57+
> This feature is available only in desktop apps.
58+
59+
![Image](https://docs-images.phcode.dev/in-app/pro-aiImages.jpg)
60+
761
## [Style Your Page Visually with the Styles Bar](https://docs.phcode.dev/app-links/styles-bar)
862

963
`Added in August 2026`

0 commit comments

Comments
 (0)