Tutorials · Beginner
Vibe coding: how to build software by talking to AI
What 'vibe coding' is, why it changed everything for non-coders, and how to start building real things by describing them in words (no memorizing code).
- Claude Code
- VS Code
Vibe coding is building software by describing it in words to an AI, instead of typing every line yourself. You direct (the vision, the decisions); the AI types. That’s how this site was built. Tap each block to open it.
What is it exactly?
You tell the AI what you want (“a page with a form that emails me”) and it writes the code, explains it and runs it. You review, ask for changes and move on. You don’t need to know the programming language by heart: you need to know how to ask and how to decide.
What you need to start
- An editor: VS Code.
- An AI that codes inside it: Claude Code (how to install it).
- A place to save and publish: GitHub (guide) + Vercel.
With that you can already build and publish real things.
How to ask well (the most important part)
- Be specific: say what you want, for whom and how it should look or behave.
- One step at a time: ask for small things and test before moving on.
- Give examples: “like this page”, “with these colors”.
- Ask it to explain: “explain what you did in simple words”.
- Review before accepting: Claude shows the changes; you approve.
Rules to avoid breaking things
- Save often with Git (commit + push), so you can always go back.
- Test each change before asking for the next.
- If something breaks, tell Claude the exact error message; it’ll fix it.
- Never push passwords or secret keys to GitHub.
Your first challenge (10 minutes)
Open Claude Code in an empty folder and ask: “Create a simple web page that shows my name and a button that displays a greeting. Explain each part.” Accept, open it and play. You just did vibe coding. 🎉
Next step: From zero to your first web page with Claude Code.