I came across a workflow where AI is able to take a live website and reconstruct it into a working codebase without manually writing HTML or CSS.
The setup uses Claude Code inside VS Code along with Playwright MCP to capture and interpret website structure, then rebuild it as a functional project.
How it works (simple breakdown)
- Playwright MCP loads and analyses the target website in a real browser
- Claude Code interprets layout, UI structure, and components
- A new project is generated that mirrors the original design
- The output can then be edited like a normal codebase
Why this is interesting
- UI replication is becoming semi-automated
- Useful for rapid prototyping and learning from existing designs
- Reduces time spent manually rebuilding layouts
It is not perfect yet, but for clean and structured websites, the results are surprisingly accurate. Full walkthrough here for anyone interested: https://youtu.be/Hs7EmMwDVss
submitted by /u/kalladaacademy
[link] [comments]