COURSE 1 · LESSON 1 OF 5

Intro to AI & Vibe Coding

Learn how to describe ideas, prompt AI to build them, and ship real apps — no prior experience needed.

Min read

Quiz questions

+100

XP on completion

// SECTION 1

What is Vibe Coding?

Vibe coding is a new way to build software. Instead of memorizing syntax, learning programming languages for years, or spending months in tutorials — you describe what you want, and AI builds it for you.

The idea is simple: you have an idea for an app, game, or website. You describe it to an AI tool like Claude, ChatGPT, or Cursor. The AI generates working code. You review it, tweak it, and ship it to the world.

That's it. No CS degree required. No years of experience. Just a good idea and the ability to describe it clearly.

// KEY IDEA

"The skill isn't writing code. The skill is knowing what to build and how to describe it."

// SECTION 2

How It Actually Works

Here's the real process behind every app you'll build at Vibe Coden:

Get an idea

Think of something useful, fun, or interesting. A game. A tool. A website. Anything. The best apps solve a problem or bring joy.

Example

""I want to build a quiz app that helps me study for my history class.""

Write a clear prompt

Describe your idea to an AI in detail. The more specific you are, the better the result. Include what it does, how it looks, and how users interact with it.

Example

""Build me a quiz app with multiple choice questions. Users should see one question at a time, get instant feedback on their answer, and see a final score at the end.""

AI generates the code

The AI writes all the code for you — HTML, CSS, JavaScript, whatever is needed. You get a working app in seconds.

Example

"The AI outputs a complete, working quiz app with clean design and all the features you described."

Review and refine

Look at what it built. Does it match your vision? If not, ask for changes. Be specific about what needs to be different.

Example

""Make the buttons bigger. Add a timer that counts down 30 seconds per question. Change the color scheme to dark mode.""

Ship it

Deploy your app to the internet so real people can use it. You'll use tools like Vercel (same as this website!) to make it live in minutes.

Example

"Your quiz app is now live at yourname.vercel.app — share the link with friends."

// SECTION 3

Writing Prompts That Work

The #1 skill in vibe coding is writing good prompts. A great prompt gets you 80% of the way there on the first try. A bad prompt wastes your time.

❌ Weak Prompt

"make me a game"

✗ No details about what kind of game
✗ No description of how it works
✗ No visual style mentioned
✗ AI has to guess everything

✓ Strong Prompt

"Build me a 2-player Pong game. Each player controls a paddle using keyboard keys (W/S for left, Up/Down for right). The ball speeds up after each hit. First to 10 points wins. Make it look like a retro arcade game with neon colors on a dark background."

✓ Specific game type
✓ Exact controls described
✓ Win condition defined
✓ Visual style specified

// THE PROMPT FORMULA

Use this template for any project:

Build me [what it is].

It should [main features, 1-3 things].

Users can [actions users take].

Make it look [visual style].

// SECTION 4

Tools You'll Use

Claude

AI Code Generator

Describe your app, Claude writes the code. Best for complex apps and detailed explanations.

Cursor

AI Code Editor

A code editor with AI built in. Great for editing and refining code with AI help.

Vercel

Deployment Platform

Deploy your finished app to the internet in one click. This very website runs on Vercel.

// KNOWLEDGE CHECK

Quiz Time

Test what you've learned. 4 questions. Take your time.

🧠

Ready for the quiz?

4 questions · No time limit · Instant feedback

📝 Create a free account to take this quiz and start earning XP

← DASHBOARD LESSON 2: BUILD YOUR FIRST APP →

🤖

VIBE

● Online

Hey! I'm Vibe, your AI coding mentor 👋 I'm here to help you through this lesson. Got questions about vibe coding, prompts, or anything else? Ask away!