1. Define one complete workflow
Write down the user, trigger, required inputs, expected output, and failure cases. A narrow end-to-end workflow gives the coding agent a testable target.
2. Generate the smallest usable version
Ask for the primary screen, realistic states, responsive behavior, and data boundaries. Avoid requesting unrelated features in the first pass.
3. Test the real interface
Use the preview at mobile and desktop sizes. Check navigation, forms, keyboard access, loading, empty data, errors, and the longest realistic content.
4. Review the code and release boundary
Inspect dependencies and data handling, replace fixtures, keep secrets server-side, run automated checks, and decide where the exported project will be deployed.