What is Vibe Coding? Build Something in 10 Minutes
What is Vibe Coding?
Vibe coding is simple: you describe what you want, and AI builds it.
No syntax memorization. No Stack Overflow rabbit holes. You're the architect — you describe the vision, the AI lays the bricks. In this first lesson, you'll build a personal profile card just by writing HTML. You'll understand what AI is actually generating when you talk to it, and you'll ship something real in under 10 minutes.
Instructions
Add an <h1> with your name — this is YOUR profile card
Hint: Try: `<h1 class="text-2xl font-bold text-white text-center mb-2">Your Name</h1>`
Add a <p class="bio"> with one sentence about what you do or who you are
Add a <ul class="skills"> with 3 <li> items — what are you good at?
Add an <a class="cta-link"> button at the bottom — a link people can click to connect with you
Your Code
Describe what you want to build for this step and I'll write the code — then click Apply to drop it into your editor. This step: Add an <h1> with your name — this is YOUR profile card