Mode d'emploi complet
Claude Code

1. C'est quoi Claude Code ?

Claude Code est un assistant intelligent qui vit dans ton ordinateur. Imagine un collègue développeur, disponible 24h/24, à qui tu parles en français normal, et qui peut :

• Lire n'importe quel fichier sur ton ordinateur (code, PDF, images, tableurs...)
• Modifier des fichiers existants ou en créer de nouveaux
• Exécuter des commandes (installer des logiciels, lancer un site web, déployer en ligne...)
• Se connecter à des services en ligne (Gmail, Canva, Cloudflare, Google Drive...)
• Se souvenir de ce que tu lui as dit dans les sessions précédentes

La différence avec ChatGPT ou le chat Claude normal

Quand tu parles à Claude sur le site claude.ai, il ne peut que répondre avec du texte. Il ne peut pas toucher à tes fichiers, il ne peut pas lancer de commandes, il ne connaît pas ton projet.

Claude Code, lui, est branché directement sur ton ordinateur. Il voit tes fichiers, il peut les modifier, il peut déployer ton site. C'est comme donner les clés de ton atelier à un assistant très compétent.

Comment il fonctionne en coulisses

Claude Code a 3 couches qui travaillent ensemble :

2. L'interface : comment lui parler

Le principe de base

Tu écris dans la zone de saisie en bas de l'écran, tu appuies sur Entrée, et Claude répond. C'est un chat, comme WhatsApp ou iMessage, sauf que ton interlocuteur peut agir sur ton ordinateur.

Comment formuler tes demandes

Parle normalement, en français. Pas besoin de syntaxe spéciale, de mots-clés techniques ou de formules magiques. Plus tu es précis, meilleur sera le résultat.

Les 4 façons de communiquer avec Claude Code

A) Lui parler en langage naturel (90% du temps)

C'est la méthode principale. Tu décris ce que tu veux, et Claude fait le reste.

B) Utiliser une commande slash (quand tu veux un workflow précis)

Les commandes slash commencent par /. Elles déclenchent des workflows prédéfinis — des séries d'actions que Claude va suivre à la lettre.

C) Coller une erreur ou un lien

Tu peux coller directement un message d'erreur, un lien URL, ou un extrait de code. Claude comprendra le contexte.

D) Lui demander de se souvenir de quelque chose

Claude a une mémoire persistante. Tu peux lui dire de retenir des informations pour les prochaines sessions.

Les sessions

Chaque conversation avec Claude Code est une session. Tu peux avoir plusieurs sessions en parallèle (une par projet, par exemple). Chaque session garde son propre fil de discussion.

Les raccourcis clavier utiles

3. Les outils natifs

Les outils natifs sont les capacités de base de Claude Code. Ils sont toujours disponibles, sans rien installer ni configurer. Tu n'as jamais besoin de les appeler directement — Claude les choisit automatiquement en fonction de ce que tu demandes.

Lire des fichiers (Read)

Ce que c'est : Claude peut ouvrir et lire n'importe quel fichier sur ton ordinateur. Code source, PDF, images, tableurs, notebooks Jupyter...

Quand ça s'active : Chaque fois que Claude a besoin de voir le contenu d'un fichier pour répondre à ta demande.

Modifier des fichiers (Edit)

Ce que c'est : Claude peut modifier une partie précise d'un fichier existant sans toucher au reste. C'est chirurgical — il remplace exactement ce qui doit être changé.

Quand ça s'active : Quand tu demandes de changer, corriger, ajouter ou supprimer quelque chose dans un fichier existant.

Créer des fichiers (Write)

Ce que c'est : Claude peut créer un fichier complètement nouveau à l'endroit que tu veux.

Quand ça s'active : Quand tu demandes de créer quelque chose qui n'existe pas encore — une nouvelle page, un nouveau composant, un fichier de configuration.

Exécuter des commandes (Bash)

Ce que c'est : Claude peut lancer n'importe quelle commande terminal, comme si tu tapais dans le Terminal de ton Mac. Installer des dépendances, lancer un serveur de développement, déployer un site, faire un commit git...

Quand ça s'active : Quand l'action demandée nécessite d'exécuter quelque chose dans le système (pas juste lire ou écrire un fichier).

Chercher des fichiers (Glob)

Ce que c'est : Claude peut trouver des fichiers dans ton projet en utilisant des patterns. Par exemple "tous les fichiers .tsx" ou "tous les fichiers qui contiennent 'sidebar' dans leur nom".

Quand ça s'active : Quand Claude a besoin de trouver un fichier dont il ne connaît pas l'emplacement exact.

Chercher dans le code (Grep)

Ce que c'est : Claude peut chercher un mot, une variable, une fonction, ou n'importe quel texte à l'intérieur de tous les fichiers du projet.

Quand ça s'active : Quand tu cherches où quelque chose est utilisé, défini, ou mentionné dans le code.

Récupérer une page web (WebFetch)

Ce que c'est : Claude peut aller chercher le contenu d'une page internet et te le résumer.

Quand ça s'active : Quand tu colles un lien URL ou que tu demandes d'aller voir un site.

Faire une recherche web (WebSearch)

Ce que c'est : Claude peut chercher sur internet pour trouver des informations récentes.

Quand ça s'active : Quand Claude a besoin d'informations qu'il n'a pas dans ses connaissances (actualités, documentation récente, etc.).

Lancer un sous-agent (Agent)

Ce que c'est : Pour les tâches complexes, Claude peut lancer des "mini-Claude" spécialisés qui travaillent en parallèle. Par exemple, un agent qui explore le code pendant qu'un autre cherche sur le web.

Quand ça s'active : Automatiquement quand la tâche est trop grosse pour être faite en une seule étape.

Tu n'as rien à faire — Claude décide seul quand déléguer à un sous-agent.

4. Les commandes slash

C'est quoi une commande slash ?

Une commande slash est un raccourci qui déclenche un workflow prédéfini. Au lieu de décrire en détail ce que tu veux, tu tapes /nom-de-la-commande et Claude suit un scénario écrit à l'avance.

C'est comme un bouton "Faire tout ça automatiquement".

Ta commande personnalisée

/fin-de-journee — Ta routine de fin de session

C'est LA commande la plus importante. Tu la tapes quand tu as fini de travailler sur un projet. Elle fait tout le travail de clôture automatiquement.

Ce qu'elle fait, étape par étape :

/nouveau-projet — Initialiser un projet standardisé

C'est la commande pour créer un nouveau projet de zéro avec toute la structure Kelbaba. Elle pose 7 questions (nom, description, type de design, couleur, police, stack, PWA) puis génère automatiquement l'arborescence complète : CLAUDE.md, README, CHANGELOG, version.ts, deploy.sh, structure .claude/, etc.

/veille-content — Mettre à jour la bibliothèque éducative

Commande de maintenance pour les 82 guides finance/patrimoine/fiscalité de la bibliothèque partagée. Elle vérifie et met à jour les taux, barèmes, plafonds et références légales dans chaque guide.

Fréquence recommandée : 1 fois par mois (tâche planifiée le 1er de chaque mois à 9h).

Les commandes des plugins

Ces commandes viennent des 25 plugins installés. Chacune déclenche un workflow spécialisé.

/commit — Sauvegarder ton travail proprement

Quand l'utiliser : Tu viens de finir une modification et tu veux la sauvegarder dans git.

Ce qu'elle fait : Elle analyse toutes tes modifications, génère un message de commit clair qui décrit ce que tu as fait, et crée le commit. Plus besoin d'écrire le message toi-même.

Ce qui se passe sans : Tu devrais taper git add . puis git commit -m "un message" manuellement dans le terminal, et souvent le message est vague ("modifs" ou "fix").

/code-review — Relire ton code avant de déployer

Quand l'utiliser : Tu as fini de coder et tu veux vérifier que tout est propre avant de déployer.

Ce qu'elle fait : Elle relit chaque fichier modifié et cherche les problèmes : bugs potentiels, failles de sécurité, code mort, mauvaises pratiques, problèmes de performance, accessibilité manquante.

Pourquoi c'est utile : Même les développeurs expérimentés font des erreurs. Cette commande joue le rôle d'un deuxième paire d'yeux qui vérifie ton travail.

/bug-fix — Corriger un bug automatiquement

Quand l'utiliser : Tu as une erreur (dans le navigateur, dans la console, au build) et tu ne sais pas comment la corriger.

Ce qu'elle fait : Elle analyse le message d'erreur, remonte jusqu'à la cause racine dans ton code, et propose un correctif. Souvent, elle corrige directement le fichier.

Comment l'utiliser au mieux : Colle le message d'erreur complet juste avant ou juste après avoir tapé /bug-fix.

/audit-project — Scanner la santé du projet

Quand l'utiliser : Quand tu veux un bilan général de la qualité de ton projet : sécurité, performance, code mort, dépendances obsolètes.

Ce qu'elle fait : Elle scanne l'ensemble du projet (pas juste les fichiers modifiés) et produit un rapport complet avec des recommandations classées par priorité.

Différence avec /code-review : /code-review regarde tes dernières modifications. /audit-project regarde tout le projet.

/perf — Optimiser la vitesse

Quand l'utiliser : Ton site est lent au chargement, le build prend trop de temps, ou l'application rame.

Ce qu'elle fait : Elle identifie les causes de lenteur : images trop lourdes, JavaScript inutile chargé, requêtes trop nombreuses, composants qui se re-rendent inutilement. Puis elle propose des optimisations concrètes.

/frontend-design — Créer une interface

Quand l'utiliser : Tu veux créer une nouvelle page ou un nouveau composant visuel.

Ce qu'elle fait : Elle génère du HTML/CSS/React avec un design distinctif, pas du générique. Elle respecte les règles du CLAUDE.md (mobile first, bonne police, bonnes couleurs).

/documentation-generator — Documenter un projet

Quand l'utiliser : Tu veux un README pour ton projet, une documentation d'API, ou un guide d'installation.

Ce qu'elle fait : Elle analyse la structure du projet, la stack technique, les commandes disponibles, et génère une documentation complète automatiquement.

Les commandes moins fréquentes

5. Les serveurs MCP

C'est quoi un serveur MCP ?

MCP signifie Model Context Protocol. En langage simple : c'est un pont entre Claude et un service externe.

Imagine que Claude est dans une pièce. Les outils natifs (lire des fichiers, etc.) c'est ce qu'il peut faire dans la pièce. Les MCP, ce sont des portes vers d'autres pièces : Gmail, Canva, Cloudflare, Google Drive...

Les MCP installés sur ta machine

Gmail

Ce qu'il permet : Lire tes emails, chercher des emails par expéditeur/sujet/date, créer des brouillons, lister tes labels.

Ce qu'il ne fait PAS : Il ne peut pas envoyer d'emails à ta place (sécurité) — il crée des brouillons que tu valides toi-même.

Canva

Ce qu'il permet : Créer des designs (posters, posts Instagram, présentations, flyers, cartes de visite...), modifier des designs existants, exporter en PDF/PNG/JPG.

Cloudflare

Ce qu'il permet : Gérer ton hébergement web — lister tes sites (Workers et Pages), créer des bases de données D1, gérer le stockage KV et R2, déployer du code.

Google Drive

Ce qu'il permet : Chercher des documents dans ton Google Drive et lire leur contenu (Google Docs).

n8n

Ce qu'il permet : Accéder à la documentation de n8n (outil d'automatisation). Consulter les 1396 nodes disponibles, les templates de workflows, et obtenir de l'aide pour construire des automatisations.

Excel / Word (via AppleScript)

Ce qu'il permet : Créer, ouvrir, lire et modifier des fichiers Excel et Word directement. Insérer des formules, formater du texte, créer des graphiques, exporter en PDF.

PowerPoint (via AppleScript)

Ce qu'il permet : Créer des présentations PowerPoint, ajouter des slides, insérer du texte et des images, définir les titres, exporter en PDF. Travaille directement avec Microsoft PowerPoint sur le Mac.

PDF Tools

Ce qu'il permet : Lire des PDF, extraire du texte, remplir des formulaires PDF, valider des champs, exporter des données en CSV.

Yahoo Finance MCP — Données boursières gratuites

Ce qu'il permet : Accéder aux données de Yahoo Finance gratuitement, sans clé API. Prix actions et crypto en temps réel, historique des cours, bilans, comptes de résultat, cash flow, données options, actualités par entreprise.

Finnhub MCP — Données alternatives & sentiment

Ce qu'il permet : Accéder aux données de Finnhub avec une clé API gratuite (60 requêtes/minute). Complémentaire à Yahoo Finance car il fournit des données alternatives que Yahoo n'a pas : sentiment des news, données ESG, calendrier des earnings, SEC filings, profils d'entreprise.

Twelve Data MCP — Indicateurs techniques & historique

Ce qu'il permet : Accéder aux données de Twelve Data avec une clé API gratuite (800 requêtes/jour). Fournit des indicateurs techniques pré-calculés (RSI, MACD, Bollinger, etc.), des données historiques actions/ETF/forex/crypto, et un outil "u-tool" qui comprend les requêtes en langage naturel.

Scheduled Tasks (Tâches planifiées)

Ce qu'il permet : Créer des tâches automatisées qui s'exécutent selon un planning. Planifier un agent Claude pour qu'il se déclenche à une heure précise ou de manière répétée (cron).

Claude in Chrome (Extension navigateur)

Ce qu'il permet : Interagir avec les pages web ouvertes dans Chrome : lire le contenu d'une page, cliquer sur des éléments, remplir des formulaires, prendre des captures d'écran du navigateur. Plus précis que le Computer Use pour tout ce qui se passe dans le navigateur.

Stitch / Figma

Ce qu'ils permettent : Stitch génère des écrans de design haute fidélité et des design systems. Figma permet de lire les designs Figma et d'extraire les composants et styles.

Computer Use (contrôle de l'ordinateur)

Ce qu'il permet : Claude peut prendre le contrôle de ton écran : déplacer la souris, cliquer, taper du texte, prendre des captures d'écran. C'est comme si quelqu'un utilisait ton ordinateur à distance.

Quand c'est utile : Quand tu as besoin que Claude interagisse avec une application qui n'a pas de MCP dédié (par exemple, remplir un formulaire dans Safari, naviguer dans une application).

6. Les plugins installés

C'est quoi un plugin ?

Un plugin est une extension qui ajoute des capacités à Claude Code. C'est comme installer une application sur ton téléphone — ça ajoute des fonctions que le téléphone n'avait pas de base.

Tu as deux collections de plugins installées :

awesome-claude-plugins (25 plugins)

Une collection de commandes slash pour le développement. Ce sont eux qui fournissent les commandes /commit, /code-review, /bug-fix, etc. (détaillées dans la section précédente).

Emplacement sur ta machine : ~/.claude/awesome-claude-plugins/

Comment les utiliser : Tape /nom-de-la-commande dans le chat.

7. Skills projet — Design & Métier

En plus des Waza skills génériques (/think, /check, /hunt...), des skills spécifiques à chaque projet sont installés. Ils se déclenchent automatiquement quand Claude détecte qu'il travaille sur le projet concerné, ou tu peux les appeler manuellement.

Skills design par projet

Skills métier (Anthropic)

Ces skills sont fournis par Anthropic et couvrent des domaines spécifiques. Ils se déclenchent selon le contexte ou tu peux les invoquer directement.

Créer un nouveau skill projet

Pour créer un skill spécifique à un projet, dis simplement : "Crée un skill design pour le projet X". Claude utilisera le skill-creator pour générer un fichier SKILL.md avec les déclencheurs et les règles appropriées.

8. Le système de mémoire

Pourquoi Claude a besoin de mémoire

Par défaut, chaque session Claude Code est indépendante. Quand tu ouvres une nouvelle session, Claude ne se souvient pas de ce que vous avez fait la dernière fois. C'est comme parler à quelqu'un qui a la mémoire courte.

Le système de mémoire résout ce problème. Il permet à Claude de retenir des informations d'une session à l'autre.

Les deux systèmes de mémoire

Comment utiliser la mémoire au quotidien

Faire retenir quelque chose

Corriger un comportement

Sauvegarder une référence

Faire oublier quelque chose

9. Modèles de design

Le CLAUDE.md global contient 4 modèles de design préts à l'emploi. Quand tu crées un nouveau projet avec /nouveau-projet, tu choisis un modèle et il est appliqué automatiquement.

10. Patterns UX réutilisables

Deux templates d'architecture UX sont disponibles pour tous les projets. Ils définissent la structure de page, le flow utilisateur, les composants et le design system. Stockés dans ~/.claude/templates/patterns/.

Pattern JARED — Coach Finance

Inspiré de : jared.finance — applicable à tout projet qui doit éduquer avant de vendre : finance personnelle, patrimoine, immobilier, santé, assurance, formation.

Philosophie : "Behaviour matters" — le flow est toujours Comprendre → Apprendre → Agir. Le contenu éducatif EST le produit d'appel. L'action (achat, rdv) vient après la compréhension.

Architecture de la landing page :

Composants clés : cards feature (hover translateY -4px + shadow), cards pilier (barre accent scaleX au hover), pills toggle (border-radius 999px, état actif avec coche), counter animation (chiffres qui montent), navbar transparente → blanche au scroll.

Le concept des 7 piliers est réutilisable :

Pattern PLAIDER — Chat IA → Document

Inspiré de : plaider.fr — applicable à tout projet où un utilisateur décrit un problème et reçoit un document structuré.

Le principe : Au lieu de remplir un formulaire avec 15 champs, l'utilisateur parle à une IA qui pose des questions ciblées une par une. Le résultat se construit en temps réel dans un panel latéral.

Architecture 3 colonnes :

┌──────────────&boxdh;───────────────────────&boxdh;────────────────┐
│   SIDEBAR    │     CHAT CENTRAL      │  PANEL DROIT   │
│              │                       │                │
│  Logo        │  [IA] Question ?      │  Résumé        │
│  + Nouveau   │       [User] Réponse  │  (temps réel)  │
│              │  [IA] Question ?      │                │
│  Dossiers    │       [User] Réponse  │  CTA principal │
│  └ Dossier 1 │                       │                │
│  ┘ Dossier 2 │  [Input message]      │  Références    │
┌──────────────&boxdh;───────────────────────&boxdh;────────────────┐

Flow utilisateur en 4 étapes :

1. Landing : Textarea libre avec placeholder et compteur (0/1000) + bouton micro + pills de catégories
2. L'IA pose des questions : Questions ciblées une par une ("Quelle est la date ?", "Nom de l'autre partie ?"). L'utilisateur répond en langage naturel.
3. Résumé structuré (panel droit) : Se remplit en temps réel. Extrait les infos clés + affiche les références (articles de loi, jurisprudence).
4. Document généré : Lettre/rapport généré automatiquement, modifiable, envoyable.

Applications possibles :

Design : Palette lavande (#B794F6), bulles IA blanches + bulles user violettes, panel résumé sticky à droite (280px), références légales avec border-left accent. Sur mobile : sidebar en burger, panel en bouton flottant, chat pleine largeur.

11. Bibliothèque éducative — 82 guides

Une bibliothèque de 82 guides finance/patrimoine/fiscalité est disponible pour tous les projets. Le contenu est rédigé en Markdown et hébergé sur Cloudflare Pages. Chaque projet peut fetcher les guides et les afficher avec sa propre charte graphique.

Les 8 piliers

Comment intégrer dans un projet

// 1. Fetcher le contenu Markdown d'un guide
const article = await fetch(
  'https://content-library-eln.pages.dev/finance/pilier-investissement-04.md'
).then(r => r.text());

// 2. Fetcher les images associées
const images = await fetch(
  'https://content-library-eln.pages.dev/images.json'
).then(r => r.json());
const img = images['pilier-investissement-04'];
// { url: "https://images.unsplash.com/...", alt: "...", credit: "Unsplash" }

// 3. Afficher avec la charte du projet
// Chaque projet parse le markdown et l'affiche
// avec ses propres composants, couleurs et typographie.

Cas d'usage

• Section "Guides" ou "Apprendre" dans un projet client
• Réponse éducative quand un utilisateur pose une question ("C'est quoi un ETF ?")
• Blog SEO : chaque guide = 1 article indexable par Google
• Landing page avec contenu pédagogique intégré

12. Les workflows personnalisés

C'est quoi un workflow ?

Un workflow est une série d'étapes que Claude suit automatiquement quand tu lances une commande slash. C'est comme une recette de cuisine : chaque étape est définie à l'avance, dans l'ordre.

Créer ton propre workflow

Tu peux créer n'importe quel workflow en ajoutant un fichier .md dans le dossier ~/.claude/commands/.

---
description: "Routine de début de journée"
---

1. Affiche la date du jour
2. Résume les derniers commits git du projet
3. Liste les fichiers modifiés non committés
4. Rappelle les notes de liaison de la dernière session

Ensuite, tu tapes /bonjour et Claude fait tout ça automatiquement.

13. Waza Skills — méthode de travail

Waza est une collection de 8 skills de méthode de travail qui transforment de bonnes pratiques d'ingénierie en automatismes. Contrairement aux plugins (commandes ponctuelles), les skills Waza sont des workflows structurés construits à partir de 500+ heures de pratique réelle.

14. Outils avancés

ai-website-cloner — Cloner un site web

Un outil qui reverse-engineer n'importe quel site web en code propre (Next.js + React + Tailwind). Tu pointes une URL, tu lances la commande, et l'IA reconstruit le site pixel-perfect.

Comment l'utiliser :

Ce que ça fait : Screenshots desktop/mobile → extraction polices, couleurs, animations → téléchargement des assets → génération des specs par composant → build en parallèle → assemblage final. Durée : 15-30 min par site.

15. Structure projet standard

Chaque nouveau projet doit suivre une structure standardisée pour que Claude Code fonctionne au maximum de ses capacités. Cette structure est inspirée des bonnes pratiques de la communauté Claude Code.

La commande /nouveau-projet

Au lieu de tout créer à la main, tape simplement :

/nouveau-projet

Claude te posera 7 questions (nom, description, type de design, couleur, police, stack, PWA, déploiement) puis créera toute l'arborescence automatiquement avec les bons fichiers pré-remplis.

L'arborescence type

mon-projet/
├── CLAUDE.md              ← Règles projet (chargé au démarrage)
├── CLAUDE.local.md        ← Overrides personnels (gitignored)
├── README.md              ← Documentation
├── CHANGELOG.md           ← Historique des versions
├── NOTES.md               ← Notes de liaison entre sessions
│
├── .claude/
│   ├── settings.json      ← Permissions, hooks, MCP projet
│   ├── rules/             ← Règles modulaires par domaine
│   │   ├── design.md      CSS, couleurs, polices
│   │   ├── code-style.md  Naming, imports, TS
│   │   └── deploy.md      Procédure de déploiement
│   ├── commands/           ← Commandes slash projet
│   │   ├── deploy.md      /deploy
│   │   └── dev.md         /dev
│   ├── skills/             ← Auto-déclenchés selon contexte
│   ├── agents/             ← Sous-agents spécialisés
│   └── hooks/              ← Scripts pre/post actions
│
├── src/
│   ├── version.ts         ← Source unique de vérité version
│   ├── ds.ts              ← Design System tokens
│   └── main.tsx
│
├── worker/                ← Cloudflare Worker (si applicable)
├── wrangler.toml
├── package.json
└── deploy.sh

C'est quoi chaque fichier ?

CLAUDE.md — Le cerveau du projet

C'est le fichier le plus important. Claude le lit au démarrage de chaque session. Il contient :

• La description du projet (quoi, pourquoi, pour qui)
• La stack technique (React, Vite, Cloudflare...)
• Les conventions de design (couleurs, police, modèle SaaS ou institutionnel)
• Les commandes de déploiement
• Les interdits spécifiques au projet

.claude/rules/ — Les règles modulaires

Plutôt que de tout mettre dans un seul CLAUDE.md énorme, tu peux découper les règles en fichiers par domaine. Chaque fichier .md dans ce dossier est chargé automatiquement. Tu peux cibler des fichiers spécifiques avec des globs.

.claude/commands/ — Tes commandes projet

Des commandes slash spécifiques au projet. Par exemple, /deploy qui lance le bon script de déploiement, ou /dev qui lance le serveur local.

.claude/skills/ — Les automatismes

Les skills se déclenchent automatiquement quand Claude détecte un certain contexte. Par exemple, un skill "deploy" qui s'active quand tu parles de déploiement.

.claude/agents/ — Les spécialistes

Des sous-agents avec un rôle précis : revue de code, audit sécurité, etc. Ils ont leur propre fenêtre de contexte et peuvent utiliser des outils spécifiques.

.claude/hooks/ — Les gardiens

Des scripts qui s'exécutent avant ou après certaines actions de Claude. Par exemple, un hook qui vérifie le code avant chaque commit, ou qui tue le serveur Vite quand la session se termine.

version.ts + CHANGELOG.md — Le suivi

La version est définie dans version.ts (source unique) et synchronisée avec package.json. Le CHANGELOG.md est mis à jour à chaque deploy. La commande /fin-de-journee fait tout ça automatiquement.

ds.ts — Le design system

Toutes les couleurs, polices, border-radius, ombres, et espacements du projet. Centralisé dans un seul fichier. Zéro valeur hex hardcodée en dehors de ce fichier.

16. Configuration & fichiers clés

Tout ce qui fait fonctionner Claude Code est stocké dans des fichiers sur ton Mac. Voici la carte complète :

17. Synchronisation 2 Macs

La config Claude Code est synchronisée entre les deux Macs via le NAS Synology DS918. Un dossier claude-shared/ sur le Synology contient tout ce qui doit être identique. Des symlinks relient ~/.claude/ vers ce dossier partagé.

Ce qui est partagé vs local

Script d'installation

Une seule commande configure tout sur un nouveau Mac :

bash "claude-shared/setup-mac.sh"

Ce script crée tous les symlinks, installe Bun, uv, Python 3.12, et les dépendances du MCP Yahoo Finance. Les MCPs Finnhub et Twelve Data sont installés automatiquement via npx (aucune action manuelle).

18. FAQ

Claude a planté / ne répond plus. Que faire ?

Appuie sur Ctrl + C pour l'interrompre. Si ça ne marche pas, ferme et relance Claude Code. Tes fichiers ne sont pas perdus — seule la session en cours est affectée.

Une commande slash ne marche pas

Vérifie que tu as bien relancé Claude Code après l'installation des plugins. Les plugins ne sont chargés qu'au démarrage.

Claude ne se souvient pas de ce qu'on a fait hier

La mémoire repose sur les fichiers .md dans ~/.claude/projects/.../memory/. Si Claude ne se souvient pas, dis-lui explicitement "rappelle-toi de X" pour forcer la sauvegarde. Vérifie aussi que le fichier MEMORY.md du projet existe et est à jour.

Comment mettre à jour les plugins ?

cd ~/.claude/awesome-claude-plugins && git pull

Comment désactiver un plugin ou un MCP qui pose problème ?

Demande à Claude : "Désactive le plugin X" ou "Retire le MCP Y de ma configuration". Il modifiera settings.json pour toi.

Est-ce que Claude peut casser mon code ?

Claude fait des erreurs parfois, comme tout développeur. C'est pour ça que /fin-de-journee inclut un code review avant le commit. Et si quelque chose va vraiment mal, tu as git pour revenir en arrière : git checkout . annule toutes les modifications non committées.

Je veux créer ma propre commande, comment faire ?

Crée un fichier .md dans ~/.claude/commands/. Le nom du fichier = le nom de la commande. Décris les instructions en français à l'intérieur. Voir la section Workflows.

C'est quoi le CLAUDE.md ?

C'est un fichier de règles que Claude lit au démarrage de chaque session. Il contient tes préférences de design (polices, couleurs, mobile first), les interdits (pas d'Arial, pas de gradient violet), et les bonnes pratiques à suivre. C'est comme un cahier des charges permanent.

Quelle est la différence entre un MCP et un plugin ?

MCP = connexion à un service externe (Gmail, Canva...). Toujours actif, transparent, Claude l'utilise quand il en a besoin.
Plugin = extension locale qui ajoute des commandes slash ou des hooks. S'active manuellement (commandes) ou automatiquement (hooks).