Gaëtan Wittebolle.
UmamiContactFR
FR
← guides
Claude Code, the guide
Chapter 1 / 19
  • 01What is Claude Code?
  • 02Step-by-step installation
  • 03CLAUDE.md, the brain of your project

Part 1 · Foundations

What is Claude Code?

Chapter 1 · 5 min reading

This chapter explains what Claude Code is, how it differs from other AI tools, and how the roles split between you and it. Reading time: 5 minutes.

The idea in one sentence

Claude Code is an autonomous development agent that runs on your computer. You give it a direction, it writes the code, creates the files, runs the checks, and fixes its own mistakes.

How is it different from ChatGPT or the Claude chat?

When you use ChatGPT or the chat on claude.ai, you copy-paste code between the conversation and your project. It's slow, error-prone, and you lose context with every message.

Claude Code runs directly on your computer. It sees all your files, understands the full architecture of your project, and acts on it in real time. The difference between asking for directions over the phone and having a copilot sitting next to you in the car.

CriterionClassic AI chat (ChatGPT, claude.ai)Claude Code
File accessNone, you copy-pasteReads and writes directly
Command executionNo, you do it yourselfYes, runs tests, the build, installs packages
Project contextLimited to what you pasteSees the entire source code
Continuity across sessionsStarts from scratch each conversationAutomatically reloads the project's conventions
Self-correctionNo, you check manuallyYes, detects and fixes its errors in a loop

The 5 concrete superpowers

1. Read and write files

Claude Code navigates your project like a developer. It opens files, understands imports, follows dependencies. When it creates src/components/user-card.tsx, it already sees the existing src/components/ui/button.tsx and imports it cleanly instead of rebuilding a new button.

2. Run commands

It launches the app, the tests, type checks, database migrations. If npm run typecheck reports a missing type, it reads the error and fixes the offending file before moving on.

3. Understand the global context

It doesn't work on a single isolated file. It understands how pages call Server Actions, which query Supabase, which return generated types. When you add a published_at column to a table, it updates the types, the actions, the components and the filters in one pass.

4. Plan and execute plans

You give it a multi-step plan, and it executes it task by task with checkpoints between each step. If a step breaks the build, it stops and fixes before continuing.

5. Maintain consistency

Thanks to the CLAUDE.md file (covered in chapter 3), Claude Code respects your conventions across the entire project: same names, same patterns, same colors, same language.

The analogy: you = project manager, Claude = senior developer

Imagine you hire an ultra-fast senior developer, available 24/7, who never gets tired. Technically excellent, but he needs three things from you:

You, the project manager - You describe what you want to build and why - You choose between the options Claude proposes (it always leaves you the choice) - You visually test the app in your browser (Claude doesn't see the screen) - You validate saves (commits) and deployments to production - You bring your business knowledge, you know what your users need

Claude Code, the developer - It proposes the technical architecture and design choices - It writes 100% of the code, not a single line from you - It runs automatic checks (types, lint, tests) and fixes them in a loop - It manages Git (the history of changes) with clear commit messages - It documents what it does and why

The 3 work modes

Conversation mode

You chat with Claude like a coworker. You ask questions, ask for explanations, explore ideas. Nothing is modified.

"How does the authentication system work in the project?"

"What options do I have to add a notifications system?"

Direct execution mode

You ask for a precise action, Claude executes it immediately.

"Add a 'Duplicate' button on the content card, which creates a copy as a draft."

"The signup form shows a 500 error when the email already exists. Fix it."

Planning mode

For complex features, you brainstorm first, plan, then execute the plan. The most powerful mode, covered in detail in chapter 5.

"Plan the implementation of a publishing streak system."

Key takeaway: Claude Code isn't a chatbot that hands you code to copy-paste. An autonomous agent that acts directly on your project. Your role: the vision and the decisions. Its role: the technical execution.

Chapter 2 →

Step-by-step installation