Vibe Coding Complete Guide: From Tool Comparison & Installation to Practice
A comprehensive guide for vibe coding beginners. From the concept of vibe coding to Claude Code and Codex comparison, Mac/Windows installation methods, practical usage, and advanced tips.
Many people are interested in vibe coding but often don't know where to start. Getting stuck on tool installation or finding unfamiliar terminology can make it difficult to even begin. This guide was prepared for such beginners. It provides step-by-step guidance from understanding concepts to choosing tools, installation, and practical usage, and will be continuously updated as new content is added.
What is Vibe Coding?
We explore the definition and background of vibe coding. This section covers the context in which Andrej Karpathy first used this term and its core concepts.
Tool Comparison
We compare Claude Code and Codex, two representative AI coding tools. This section summarizes each tool's features, strengths, and weaknesses.
Claude Code Installation
This section guides you through installing Claude Code, Anthropic's AI coding agent. It covers three methods: Desktop app, VS Code extension, and CLI.
OpenAI Codex Installation
This section guides you through installing Codex, OpenAI's AI coding agent. It covers three methods: Desktop app, VS Code extension, and CLI.
Basic Concepts and Settings
To properly use vibe coding tools, you need to understand some basic concepts and configure settings. This section covers essential concepts including usage management, sessions, context, permissions, and model selection.
Project-Specific Settings
You can customize the behavior of AI coding tools for each project. This section guides you through writing and using configuration files like CLAUDE.md and AGENTS.md.
Workflow and Prompt Writing Tips
This section covers effective workflows for collaborating with AI and how to write better prompts. It provides practical guidance on the basic work cycle, Plan Mode usage, and 5 principles of good prompts.
Version Control Integration
In vibe coding, version control (Git) isn't just a backup—it's an essential safety net. This section covers how to use Git across CLI, IDE, and app environments in both Claude Code and Codex.
MCP
MCP (Model Context Protocol) is a standard protocol that enables AI coding agents to communicate with external tools. It significantly expands the possibilities of vibe coding by connecting various services like databases, web crawlers, and messaging platforms to AI.
Agents
Coming soon
Skills / Hooks
Coming soon