The vibe coding
workflow.
10 steps from idea to shipped, built from the most-starred vibe coding repos.
Step 00
Environment
Get your terminal, editor, Git, Node.js, and AI tool working before you write a single line of code.
~45 min7 tasks3 resources
Checklist
Open a terminal and run `ls`, confirm files appear.
Install Claude Code (CLI, the most capable AI coding tool) or Cursor/VS Code if you prefer an IDE.
Install Git and run `git --version` to confirm.
Create a GitHub account, make a new repo, and push an empty README.
Install Node.js LTS (not Current) and run `node -v` to confirm.
Run `npx create-next-app@latest`, confirm the project opens at localhost.
Create `TASK.md` in the repo root. This is your living task list, add tasks before starting, check them off immediately when done.
Learn
Watch: Terminal and command line basics for beginners
Watch: Git explained in 100 seconds
Watch: Claude Code getting started tutorial
Read this for depth
◆→◆→
Claude Code vs Codex CLI: Which Terminal Agent to Pick in 2026
Anthropic's Claude Code and OpenAI's Codex CLI both live in your terminal, both edit your codebase, both cost money. Here's where they diverge — and which one to use for what.
Cursor vs Windsurf: Which AI IDE to Pick in 2026
Both are VS Code forks with deep AI integration. Cursor's Composer vs Windsurf's Cascade. Where they actually differ, how the pricing breaks down, and which one fits which workflow.
Something
missing?
Suggest a step, a resource, or a fix. If it belongs here, it goes in.