Your first build: make something that works

Enough theory — the best way to understand vibe coding is to make something. This lesson walks you through building your first small, working tool in a general AI chat (Claude or ChatGPT), where there's no setup to get in the way.

Pick something tiny and self-contained. Good first builds: a tip calculator, a unit converter, a countdown timer, a simple habit tracker, a random-name picker, a basic budget calculator, a color-palette generator. The key is small and self-contained — something that lives on one screen and doesn't need to save data between visits or have user accounts. You want a quick win, not a marathon.

Describe it clearly. Open Claude (or ChatGPT) and describe what you want, including: what it does, what the person using it sees, and how it should behave. For example: "Build a tip calculator. I enter the bill amount and choose a tip percentage (15%, 18%, 20%, or a custom amount), and it shows me the tip and the total. Make it clean and easy to use on a phone." The more specific you are, the closer the first version will be.

See it run and test it. The AI will generate a live, working version you can use right away. Try it: enter numbers, tap the buttons, see if the math is right. This is the test step of the loop — do it thoroughly.

Iterate. Something will be off or missing — that's normal and expected. Tell the AI in plain language: "The total doesn't update when I change the tip percentage — fix that," or "Make the buttons bigger," or "Add a way to split the bill between people." It'll update. Repeat until you're happy. Notice how the loop from the last lesson feels in practice: describe, see, test, ask for the next change.

What you just learned. You built working software without writing a line of code, and you experienced the core loop first-hand. That's the whole foundation. Everything else in this course — prompting better, adding a database, deploying, staying safe — builds on this exact rhythm.

When you're ready for more. A self-contained tool in a chat is the beginning. When you want something that remembers data, has user logins, or lives at its own web address, that's when you move to a dedicated app builder (Module 3). But the loop stays the same — you've already learned the hard part.

The mindset: the fastest way to learn vibe coding is to build something tiny and self-contained in a general AI chat — a tip calculator, a converter, a timer — where there's zero setup. Describe it clearly (what it does, what the user sees, how it behaves), see it run, test it thoroughly, and iterate with plain-language change requests until it's right. You'll build working software without writing code and feel the core loop first-hand. That rhythm — describe, test, iterate — is the foundation everything else builds on; moving to a real app builder later just adds saved data, logins, and a public address on top of the same loop.