The outcome

Create one complete product flow that can be evaluated with realistic content.

Step by step

A workflow you can repeat.

  1. 01

    Write the user, problem, primary flow, content, constraints, and explicit exclusions as a short brief.

  2. 02

    Ask v0 for a page and component plan before generating implementation code.

  3. 03

    Build the visual shell first, using realistic copy and the required desktop and mobile states.

  4. 04

    Add interactions one at a time and test loading, empty, error, and permission states in the preview.

  5. 05

    Review accessibility, responsiveness, dependencies, and generated code before sharing the prototype.

Working standard

What good use looks like.

  • One primary flow per iteration.
  • Use real content early.
  • Review code as well as pixels.

Official references

Check the current product documentation.