Live preview
This is the real built app — real router, real chart/animation libraries — served straight from this server.
Reviewer Agent report
Pipeline
| Agent | Job |
|---|---|
| Clarification | Asks a few targeted questions, falls back to defaults if skipped |
| Planner | Turns the spec into a page/component/dependency plan |
| UI Architect | Lays out the folder and file structure |
| Component | Generates each component's code, using RAG-retrieved docs as context |
| Styling | Writes the global theme and tags each component with its color preset |
| Package Manager | Resolves dependencies and writes package.json |
| Reviewer | Runs static checks and an LLM pass over the generated code |
Real build, real preview
This backend runs on a Docker image with both Python and Node.js, so npm install and npm run build run for real, and the built app is served from this same server under /preview/<session>/ — no separate port to expose.
Style swapper
Swapping a theme replaces the Tailwind color class names already in the generated code (not a re-generation), then triggers a fast rebuild so the real preview reflects it in a few seconds.
LLM provider
Checking...