Build first, understand later
Watch a one-paragraph prompt become a working page, then find the four things the model quietly decided for you.
You can ship a real web page today with very little prior knowledge if you can describe what you want clearly. Try it below before you read on. Edit the prompt, press Generate and watch the page come together.
1 · What you type
Specific about content, silent about craft.2 · What comes back
index.htmlNothing yet. Press Generate and watch a file you did not write appear in about two and a half seconds.
3 · What it looks like
liveThe page assembles here as the source arrives: head first, then headings, then the parts that make it look finished.
No model is being called. Each preset has a hand-written answer, so the loop is honest about its shape and nothing else. You run the real version in Claude Code or Cursor in the next chapter, and the output will differ every time. That is the point.
After it finishes: four decisions the model made for you, none of which you asked for. That list is where the next beat starts.
That is why the order is inverted. A traditional course asks you to care about heading levels and contrast ratios before you have felt the consequences of getting them wrong. Drag the scrubber below and compare when the first shipped project appears in each version.
The usual order
nothing shipped yetHere
about to ship- Usual
- memorising syntax with nothing to spend it on
- Here
- hour one: an empty editor and a model
Same material, opposite order. The three weeks are not removed. They are spent on something that already runs, and the first URL exists before any of them start.
Now the catch, and it is the reason this platform exists. Everything you just generated contains decisions you did not make. A colour that fails contrast. A heading level skipped. Every corner rounded to the same eight pixels. A hover state that does not exist because you did not ask for one.
A human beginner often writes code that is obviously broken. A model can write code that looks professional while still being quietly wrong. That is harder to spot and more expensive to ship. Learning to tell the difference is the skill every chapter after this one will keep building.
You should now be able to
- Write a first prompt that produces something shippable
Loading…