What Vibe Coding Is
You don't write the code. You say what you want, and the AI writes it.
Vibe coding is making an app or a game by chatting. Describe it in your own words, see the result right away, and keep talking until it's just how you like it.
What is vibe coding?
- No code needed
You don't need to know any programming language. Everyday words are enough.
- Just describe it
Write what you want in the chat, like a message to a friend. The AI turns it into working code.
- See it right away
The result appears on the canvas next to the chat. Click it, play it, try it.
How to use it
Three steps, then repeat. That's all there is to it.
- Say it in the chat
- See it on the canvas
- Improve it keep chatting
Repeat until it's just right
- Say it in the chat
Type what you want to make and send it. For example: “Make a clock that shows the time in big numbers.”
- See it on the canvas
The AI writes the code, and the result appears on the canvas — the preview screen beside the chat. Try it out right there.
- Improve it keep chatting
Not quite right? Say what to change: “Make the numbers blue.” “Add a stop button.” The AI updates it. Repeat until you love it.
Try it right here
This is the vibe coding widget. Pick an example or write your own idea, and watch it appear on the canvas.
Nothing built yet. Describe something or pick an example.
- Start from an example
On any page, the magic-wand button in the bottom corner opens this same widget — so you can build while you learn.
Tips for asking well
- Be specific
“Make a game” is vague. “Make a game where I press Space to jump over blocks” gives the AI something to build.
- One change at a time
Ask for one thing, check the canvas, then ask for the next. Small steps are easier to check and fix.
- If it breaks, say so
Nothing shows up, or a button doesn't work? Just tell the AI what went wrong: “The button does nothing — fix it.”
A bigger screen with your project list, the code, sharing and publishing.