From floor plan to a page on the web

What it's about

A house goes up in a fixed order: sketch, material samples, signed building plan, building work, inspection by experts, moving in. Your AI builds your page the same way, like a small factory: every step has a result, the building only starts after you've signed the plan, and the page only goes on the web once the checks are done and you've released it. On your island in the cockpit, your house grows with every step.

What you'll learn

• to look at a sketch (mockup) and drafts and choose
• what a design system is and why colours and fonts live in one place only
• what a building plan (PRD) with acceptance criteria is and why you approve it before anything is built
• how four checks (security, flows and access, look, code and speed) inspect a page
• to look at your page on your own computer first
• how an entry in the logbook gets onto the web via the harbour

How you go about it

1. Your AI shows you a sketch of the home page and then two or three drafts. You pick one, and the design system comes from it.
2. It writes the building plan with the list of what gets checked at the end. You read it and say yes or what's still missing.
3. It builds the page and shows it to you in the browser, at phone and at computer width.
4. It checks the page in four areas and shows you the reports with a traffic light.
5. You release the page. Only then does it send everything to the harbour, and shortly after your page is on the web at your address.

Done when

• the release is in your project's docs/prd.md (Freigegeben:, the word stays German) and
• your page answers at https://yourname.aufwind.sh.