Vibe Coding Starter Kit
Everything you need to start building real websites and apps with AI. You don't need a CS degree. You don't even need to understand every line of code. I'll explain.
What is vibe coding?
You describe what you want in plain English. AI writes the code. You review it, tweak it, and ship it. That's the whole thing.
You don't need to memorize syntax or understand every bracket. You need to know what you're building and why. The AI handles the rest. Not perfectly, but well enough to get real things made.
The editor
- VS Code is the starting point. It's free, it runs everywhere, and most tutorials assume you have it.
- Cursor is what I actually use daily. It's a VS Code fork with AI built in. The autocomplete understands your whole project, not just the file you're in.
AI pair programming
These are the tools that write code alongside you:
- Claude Code works in your terminal and is surprisingly good at multi file changes. I use it for bigger restructures.
- Antigravity (Gemini CLI) is Google's terminal coding AI. This entire website was built using it.
- GitHub Copilot gives you inline suggestions as you type. Good for repetitive code, less useful when you need to think.
Pick a framework
- Astro if you're building a portfolio, blog, or landing page. It ships zero JavaScript by default, so everything loads fast.
- Next.js if you need login systems, databases, or anything dynamic.
Hosting and domains
- Cloudflare Pages for hosting. It's free, it's fast, and it deploys straight from your GitHub repo every time you push code.
- Cloudflare Registrar for buying domains. They sell them at cost with no markup, which is rare.
Version control
- GitHub Desktop if you don't want to touch the terminal. It's visual Git for people who aren't developers.
- GitHub is where your code lives. Push to it, and your site updates automatically if you connect it to Cloudflare.
Design to code
My workflow: design the layout in Figma. Then describe each section to my AI coding assistant. It writes the HTML and CSS. I review and refine. The whole cycle takes hours, not weeks.
The mindset
Here's what actually matters when you're vibe coding:
- Know what you're trying to build
- Know why you're building it
- Get good at describing what you want clearly
- Learn to read what the AI gives you, even if you can't write it from scratch
The AI handles syntax. You handle intent. That division of labor is what makes this work.
Harshal Saraf
Creative Director + Orchestrates AI Workflow
Helping founders and agencies work smarter. As a Creative Director, he builds brand identities and orchestrates AI workflows for businesses. He also writes about productivity, the YourLife OS framework, and publishes Oh So AI, delivered every Tuesday and Friday.