Process · 17 stages · 5 phases
I direct and make the decisions, the agent builds. Every stage ends with an artifact — a document, a diagram, a layout or code — and my approval.
What I do
Meaning and decisions, taste and atmosphere, questions for the client, approval of every stage.
What the agent does
Research and summaries, documents, sitemap and wireframes, design system and screens in Figma, code and release.
Phases
- 01
Understand the problem
Me
I answer questions and pick references.
Agent
Asks questions in batches of 4–5, writes the brief and the competitor teardown.
- 02
Decide what to build
Me
I set the priorities.
Agent
Collects features from every artifact, MoSCoW, PRD in Notion.
- 03
Design the structure
Me
I check the logic of the journey.
Agent
Site tree, flows in FigJam, wireframes in Figma.
- 04
Make the design
Me
Taste, character, approval.
Agent
Tokens and components, screens built from components, consistency checks.
- 05
Take it to code
Me
I review and adjust.
Agent
Code, animation, release, user tests run as personas.
Example: this site
01
Brief
Three rounds of questions → outputs/brief.md
02
Sitemap and flows
Site tree and three audience flows in FigJam
03
Design system
Variables, 13 styles and 15 components in Figma
04
Code
This prototype: Next.js, tokens matching Figma one to one