A field guide to vibe coding
Make
something
That little idea in your head?
Let’s turn it into a real
website
A friendly, hands-on introduction to building with AI
You bring the idea. We’ll help you find your feet
First, the big idea
You describe it
You shape it
You make it yours
Vibe coding means building software through a conversation with an AI coding partner
You explain what you want. It can read files, write code, and run tools. You steer the decisions, try the result, and keep improving it together
Start with a personal demo and fictional data, using tools approved for your workplace
Every new world has a few new words
Let’s speak
the same language
Get a feel for the words below, then keep going. You can look them up again as you go. Tap any underlined term to see what it means and how you’ll use it
Keep these explanations handy as you go
Next: a few useful shortcutsKeep this bit handy
A few useful
shortcuts
Choose the job you want to do
Every shortcut comes with a
plain-English alternative
You can come back to these whenever you need them
Try the example projectBuild at your own pace
One small project
A whole new skill
Build your own Focus Board, then give it a home on the internet
About 90 minutes · Go at your own pace
The little things that help a lot
Good habits
from the first hello
You’ll get further with a clear brief, a small step, and a way to check it
Start small. Stay curious
Your next idea
is a conversation away
Back to the example project
You don’t need to know every word
You can learn the next one as
you go