Ready, Set, Vibe!

๐ŸŒˆ Made by a kid, for kids!

Ready, Set, Vibe! is a vibe coding website for kids to learn how to vibe code. Build your own websites, games and apps just by describing them to an AI helper.

Beebz, the Ready, Set, Vibe! guide
BeebzHey! I'm Beebz. I'll show you how vibe coding works. You don't need to know any code to start!

What is vibe coding?

Vibe coding means you tell an AI what you want to make, in your own words, and it writes the code for you. You're the boss: you have the ideas, test everything, and say what to change.

How it works

1

๐Ÿ’ญ Dream it up

Think of something fun to make: a fan page, a quiz, a game, a drawing app.

2

๐Ÿ’ฌ Describe it

Tell your AI helper what you want. Say what it should look like and what the buttons should do.

3

๐Ÿ‘€ Try it out

Open what it made and play with it. Does it work the way you pictured?

4

๐Ÿ”ง Fix & add more

Ask for one change at a time: "make the button bigger", "add music". Keep going!

Magic words: how to ask

The clearer you are, the better it turns out. Compare these:

๐Ÿ˜•make a website
๐ŸคฉMake a fan page for my favorite band with a rainbow background, a photo at the top, and a button that plays their song.
๐Ÿ˜•it's broken
๐ŸคฉWhen I tap the music button nothing happens. It should play the song and turn into a stop sign.

Ideas to try

โญ

Fan page

All about your favorite show, band or game.

โ“

Quiz game

"Which animal are you?" with a score at the end.

๐ŸŽจ

Drawing app

Pick colors and brush sizes, then save your art.

๐Ÿถ

Pet tracker

Remember feeding times and walks.

Stay safe online

Beebz's tutorial

๐Ÿšง Coming soon: a step-by-step tutorial with Beebz!