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.
| 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>.