How to vibe code a site without shipping a mess.

Use the agent for speed. Use a clear standard for everything the first draft skips.

1. 01

   Name the job

   Give the agent a real audience, goal, and constraint. A generic prompt makes generic work.

2. 02

   Design the information

   Start with a page hierarchy and clear routes. Use real headings and links that a person—or crawler—can follow.

3. 03

   Build the smallest useful thing

   Avoid adding libraries, motion, or client-side state unless they earn their place.

4. 04

   Make it public-ready

   Write unique titles and descriptions, set canonical URLs, add social imagery, and give every informative image useful alt text.

5. 05

   Test the release

   Build the production output, check the console, inspect mobile, and make sure the 404, robots.txt, sitemap.xml, and forms behave honestly.