Skip to content

Commit 5400b9f

Browse files
authored
Update README.md
1 parent 3e2e1de commit 5400b9f

File tree

1 file changed

+4
-10
lines changed

1 file changed

+4
-10
lines changed

README.md

Lines changed: 4 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -90,31 +90,25 @@ The application is architected around a central state managing the `VirtualFileS
9090

9191
A detailed look at the various components and modals within Os-WebDev.
9292

93-
### Developer Environment
93+
> The interface shows a user leveraging the "Agent Team" to upgrade a landing page. While the center pane facilitates manual coding with context-aware AI tools, the right-hand chat panel handles complex architectural changes—automatically implementing a neumorphic/claymorphic hybrid design and responsive logic based on a single natural language prompt.
9494
<div align="center">
9595
<img src="https://github.com/user-attachments/assets/81b46409-1ef2-4bfc-b115-f57f92afdc08" width="100%" alt="Developer Environment Full View" />
9696
</div>
9797
<br/>
9898
99-
### Agentic Team & Chat
100-
<div align="center">
101-
<img src="https://github.com/user-attachments/assets/0e6f69da-b2de-45ec-b931-34032dd5b167" width="100%" alt="Agentic Chat Interface" />
102-
</div>
103-
<br/>
104-
105-
### Contextual AI Tools & Editor
99+
> The screenshot displays the **Os-WebDev Simple Mode**, designed for conversational, code-free iteration. The interface is dominated by the **live, rendered output** of the project—a dark-mode, claymorphic landing page—in the center pane. On the right, the **Web Designer AI chat** manages all development tasks, showing the AI executing complex architectural changes (like dark mode logic and entrance animations) based on the user's high-level command ("now make this even better"). This view allows users to focus solely on design and feature progress.
106100
<div align="center">
107101
<img src="https://github.com/user-attachments/assets/44ffeb61-0a4e-46e7-9266-39a425b0e452" width="100%" alt="Context Menu Tools" />
108102
</div>
109103
<br/>
110104
111-
### File Management & Configuration
105+
> This screenshot captures the direct translation of a natural language command into a rendered web page. The central panel displays the **live, light-themed, claymorphic landing page** requested by the user. The right-hand chat confirms the AI's execution and shows the system is actively processing the user's follow-up request ("Coordinating agents..."), demonstrating the platform's seamless, rapid-fire conversational workflow.
112106
<div align="center">
113107
<img src="https://github.com/user-attachments/assets/e77468dc-bbc7-41a5-8ea4-eb1f8e6d87de" width="100%" alt="File Manager" />
114108
</div>
115109
<br/>
116110
117-
### Information & Documentation Modal
111+
> The screenshot shows **Os-WebDev Developer Mode**, featuring the full IDE structure with the code editor in dark theme. The central action highlights the contextual **"AI Tools" menu**, which is activated over selected HTML, offering granular assistance like **Refactor** and **Find Bugs**. On the right, the **Agent Team panel** provides a transparent, file-by-file audit log of the complex changes recently implemented by the AI (CSS variables, dark mode logic, etc.), seamlessly blending hands-on coding with advanced generative assistance.
118112
<div align="center">
119113
<img src="https://github.com/user-attachments/assets/5a22397c-cd11-4673-8949-43e6e1b144ba" width="100%" alt="Documentation Modal" />
120114
</div>

0 commit comments

Comments
 (0)