Use the AI-first website workflow to describe an outcome, let the assistant route the request to focused build/edit/media/motion/settings tools, inspect each bounded result, and switch to direct editor controls whenever precision matters.
Where: Editor → Vibe / AI mode — Switch to the AI-first workflow
Key ideas
- Intent is routed: The assistant combines the message, canvas context, selection, and project type to choose a specialized route without a separate classifier model call.
- Context improves scope: A selected element, active page, attachments, and explicit constraints help the assistant choose between full build, section, edit, media, interaction, CMS, and settings work.
- Manual control remains available: AI output stays editable through selection, layers, properties, design-system controls, timeline, and preview.
Steps
- Open the website assistant and select the relevant page or element when the request is local.
- Describe the outcome, audience, constraints, references, and what must remain unchanged.
- Review whether the assistant interpreted the request as a full build, section, edit, media, interaction, CMS, or settings task.
- Approve or run a bounded change and inspect the resulting elements, styles, assets, or timeline behavior.
- Use direct editor controls for exact spacing, hierarchy, type, timing, responsive, or accessibility corrections.
- Continue conversationally with one clear refinement at a time.
- Preview as a visitor and inspect other pages and breakpoints before publishing.
Common routes
- Full website build
- Add page or section
- Edit selected content/styles
- Copy a reference design
- Generate/place media
- Add interactions
- Connect CMS
- Change settings or deploy
Tips
- Select before prompting for a local edit.
- State preservation constraints explicitly.
Limitations and important notes
- The router is heuristic and can need clarification.
- Broad prompts can intentionally produce broad changes.
Troubleshooting
The assistant chose the wrong scope.
Undo if needed, select the exact target, and restate whether this is a page, section, selected-element, media, motion, CMS, or settings task.