Turn a researched brief into an editable website: give the assistant audience, offer, content, references, and constraints; review its direction and design system; then validate structure, responsive behavior, motion, and accessibility before refining.
Where: AI assistant → full build — Describe the site you want
Key ideas
- Brief before pixels: Audience, goal, hierarchy, required content, references, and constraints determine the research and visual direction.
- One coherent build: The full-build route can establish a design system, author the page, source or generate media, add brief-appropriate motion, and run page QA.
- Editable output: The result is structured HTML/CSS and editor data, not a flattened screenshot; direct selection and manual panels remain available.
Steps
- Open the website assistant with the intended page active.
- Describe the audience, conversion goal, sections, content, references, brand constraints, and desired interaction level.
- Attach or identify source material that should be researched; distinguish factual sources from purely visual references.
- Review the proposed direction and ensure the design system fits the brand before approving a broad build.
- Let the assistant build the page and obtain suitable stock/generated media where requested.
- Inspect hierarchy, copy accuracy, links, media crops, responsive widths, interaction targets, reduced-motion behavior, and page QA findings.
- Refine one bounded section or design-system decision at a time, then preview again.
Useful brief fields
- Audience and primary action
- Required pages or sections
- Approved claims and source links
- Brand voice and visual references
- Responsive/accessibility constraints
- Desired motion, interactive, or 3D ambition
Build boundary
Research supplies context; it does not make unsourced claims authoritative. The design system and page remain editable after generation.
Tips
- Provide actual copy and required claims when wording matters.
- Approve the visual direction before requesting expensive media or wide structural work.
Limitations and important notes
- Source access and licensing still need human review.
- A visual match does not prove accessibility, factual accuracy, or production readiness.
Troubleshooting
The page feels generic.
Add concrete audience, offer, references, content hierarchy, brand constraints, and examples of what to avoid; then refine the design system before rebuilding sections.