Claude Code : Tutoriel Complet¶

De zero à la production — VSCode, Docker, Plugins & Workflow.

Le pipeline cible¶

Avant de rentrer dans le détail des chapitres, voici la chaîne complète vers laquelle tout ce tutoriel vous mène : de l'issue au merge, manuellement d'abord, automatiquement ensuite.

sequenceDiagram
    actor U as Vous
    participant C as Claude Code
    participant G as Git / Gitea
    participant CI as CI (Trivy, Sonar)

    U->>C: Issue / demande
    C->>C: /superpowers:brainstorming
    U->>C: Validation
    C->>G: Branche + worktree + plan committé + PR
    loop Exécution par étapes
        U->>G: Commentaire PR "étape N"
        G->>C: /superpowers:executing-plans
        C->>G: Commit + push
        G->>CI: Tests + Trivy + Sonar
    end
    C->>C: /superpowers:requesting-code-review<br/>(lit les rapports CI)
    U->>G: Merge → /clean_gone

Les chapitres suivent la progression manuel → automatique :

graph LR
    A["1. Installation"] --> B["2. Plugins"]
    B --> C["3. PROMPT.md"]
    C --> D["4. Premier projet<br/>(manuel)"]
    D --> E["5. Bonnes pratiques<br/>(manuel)"]
    E --> F["6. Automatisation<br/>(CI, hooks)"]
    F --> G["7. Dépôt template<br/>(clé en main)"]

    style D fill:#2196f3,color:#fff
    style E fill:#2196f3,color:#fff
    style F fill:#4caf50,color:#fff
    style G fill:#4caf50,color:#fff

Ce que vous allez apprendre¶

À la fin de ce tutoriel, vous serez capable de :

• Installer et configurer Claude Code avec VSCode et Docker
• Étendre Claude Code avec des plugins (Superpowers, Frontend Design, Context7, Commit Commands)
• Générer un PROMPT.md complet via une interview Socratique
• Appliquer un workflow structuré du git init à l'implémentation phase par phase
• Gérer le contexte, les branches Git (incluant les worktrees) et les erreurs courantes
• Brancher Claude Code à une chaîne CI (Trivy, SonarQube, Renovate) et piloter l'exécution par PR
• Démarrer un nouveau projet en un git clone via un dépôt template

Prérequis¶

Parcours¶