← Posts

Series · 11 parts

Vibe Coding for Everyone

A step-by-step walkthrough of vibe coding — talking to AI instead of writing code — from installing your first tool to shipping and running a real service.

#vibe coding#AI coding#Claude Code#Cursor#Installation#Terminal
  1. 01What Is Vibe Coding? Concepts and a Tool Comparison in One PlaceA look at vibe coding, where AI writes the code for you: what it is, when it's a good fit, and how popular tools like Cursor, Claude Code, and Copilot compare.
  2. 02How to Install Claude Code — A Step-by-Step Guide from Terminal to Your First ConversationA step-by-step guide to installing Claude Code for the first time, covering terminal basics, Node.js installation, logging in (with a subscription or API key), and sending your first prompt.
  3. 03How to Write a CLAUDE.md — Helping AI Understand Your ProjectLearn how to write a CLAUDE.md file that helps Claude Code remember your project's structure and rules, with good and bad examples.
  4. 04Building Your First Screen with Vibe Coding — A Practical Guide to Turning Ideas into CodeHow to turn an idea into a prompt, and how the back-and-forth with AI takes shape into finished code — explained through a hands-on example.
  5. 05The Vibe Coding Trap — The Faster You Go, The More Structure You LoseIntroduces the structural collapse problem you're bound to run into when building fast with vibe coding, and how to solve it.
  6. 06What Is MCP? Connecting External Tools to Claude CodeUnderstand what MCP (Model Context Protocol) is, and how to connect external tools to Claude Code, step by step.
  7. 07Stacking Features with AI — How to Keep Your Structure from Falling ApartLearn the right way to ask AI for new features, and a development routine that keeps your structure intact as features pile up.
  8. 08Putting Your App Out into the World — A Vibe Coder's First Steps in DeploymentLearn how to take an app that only ran locally and deploy it to the internet, step by step from the start.
  9. 09Cleaning Up Your Code After Launch — How to Refactor with AILearn how to handle the refactoring that every vibe-coded project eventually needs, working alongside AI.
  10. 10When You Hit a Bug — Finding the Root Cause with AILearn how to find the root cause of a production bug together with AI and fix it.
  11. 11How to Make a Vibe-Coded Service LastThe long-term sustainability problem in vibe coding, the difference a habit of recording structure makes, and a sustainable long-term development routine.