Website Builder
Generate complete websites from a single description with stacked previews, element annotations, automated design critique, and multi-target exports.
The website builder turns a natural-language description into a complete, deployable web project directly inside the chat using the /site command. There is no separate application or configuration screen.
The builder now corrects a small set of generated-code issues before saving. Projects that previously stopped at the build check for those issues can now continue; other build errors may still need changes.
Template previews can draw from 181 curated styles, giving you more visual directions to explore. The same style choices are available whenever you use the builder.
Distinct design directions
When Design Engine v2 is available for your build, it checks each direction against earlier builds and common design patterns. If a direction is too similar, the builder can revise it up to twice before creating the full site.
Completed v2 builds add design and review signals to a rolling memory of up to 50 builds. Deleting a project also deletes its saved design memory.
| Step | What it does | Manual action |
|---|---|---|
| 1. Briefing & IA | Structures pages, sections, metadata and navigation flow. | None. |
| 2. Template previews | Generates five live stacked design drafts in the conversation. | Select or redirect direction. |
| 3. Visual annotation | Draw on elements (pins, rectangles, freehand) to request precise changes. | Optional feedback on DOM elements. |
| 4. Code generation | Generates semantic markup, CSS tokens, and client logic. | None. |
| 5. Verification & audit | Runs WCAG 2.2 accessibility, contrast, and visual regression gates. | Automatic retries on failure. |
| 6. Export bundles | Builds production bundles for Docker, static HTML, Vercel, Node, and Coolify. | Download archive or push to host. |
Visual markup notes stick to HTML element selectors rather than screen coordinates. If a revision moves a button or re-flows a grid, your note stays attached to the element you clicked.
You can guide generation with parameters such as --lang de,en, --export docker,static, or specify a model override with --model <id>.