Plugins¶

Quatre plugins essentiels pour transformer Claude Code en environnement de développement complet.

Installation¶

Ajouter les marketplaces¶

Par défaut, seul claude-code-plugins (Anthropic) est disponible. Il faut ajouter les deux autres :

/plugin marketplace add obra/superpowers-marketplace
/plugin marketplace add upstash/context7

Installer les plugins¶

# Depuis le marketplace obra
/plugin install superpowers@superpowers-marketplace

# Depuis le marketplace Anthropic (déjà disponible par défaut)
/plugin install frontend-design@claude-code-plugins
/plugin install commit-commands@claude-code-plugins

# Depuis le marketplace context7
/plugin install context7@context7

Vérification¶

/plugin list

Les quatre plugins doivent apparaître comme installés.

Superpowers¶

Auteur : Jesse Vincent — Dépôt GitHub

Superpowers est un framework de skills qui transforme Claude Code en développeur discipliné. Il impose des workflows structurés : planifier avant coder, tester avant implémenter, investiguer avant corriger.

Skills disponibles¶

Brainstorming — Exploration Socratique des exigences avant toute implémentation. Claude vous pose des questions approfondies sur les cas limites, les compromis techniques et les implications UX avant d'écrire du code. Quand : avant chaque feature complexe ou choix architectural.

Writing Plans — Création de plans d'implémentation granulaires avec liste de fichiers à modifier, ordre d'exécution, points de vérification et timeline. Quand : avant toute modification touchant plus de 3 fichiers.

Executing Plans — Exécution du plan par batch de 5 minutes avec checkpoints de revue entre chaque batch et préservation du contexte entre sessions. Quand : pour exécuter un plan validé.

TDD (Test-Driven Development) — Cycle strict red-green-refactor :

1. Red : écrire un test qui échoue
2. Green : écrire le minimum de code pour le faire passer
3. Refactor : améliorer sans casser les tests

Debugging — Méthodologie en 4 phases : reproduire → investiguer (cause racine) → corriger → vérifier.

Code Review — Sous-agent revieweur qui évalue le code contre le plan, les standards et les principes architecturaux. Il fait du pushback — il refuse les raccourcis.

Git Worktree Isolation — Isolation de chaque feature dans un worktree Git dédié pour travailler en parallèle sans conflits.

Utilisation dans le PROMPT.md¶

### Superpowers
- Avant toute feature complexe : utilise le skill de brainstorming
- Avant d'implémenter : écris un plan granulaire, fais-le valider
- Après implémentation : code review via le sous-agent revieweur
- Pour les bugs : debug en 4 phases (reproduire → cause racine → fix → vérifier)
- TDD strict : le test DOIT échouer avant l'implémentation

Mise à jour¶

/plugin update superpowers

Frontend Design¶

Auteur : Anthropic — Plugin officiel

Frontend Design pousse Claude vers des interfaces distinctives et production-grade qui évitent l'esthétique générique "AI slop" (Inter, dégradés violets, layouts prévisibles).

Comment ça fonctionne¶

Le skill s'active automatiquement dès que vous demandez un travail frontend. Claude va :

1. Analyser le contexte — objectif, audience, contraintes techniques
2. Choisir une direction esthétique — pas timide, pas générique
3. Implémenter — code production-ready avec détails méticuleusement soignés

Ce que le skill interdit¶

Ce que le skill encourage¶

Directions esthétiques possibles¶

Le plugin reconnaît ces directions (entre autres) :

• Brutaliste / Raw — typographie massive, contraste extrême
• Maximaliste — couleurs saturées, animations partout, densité
• Rétro-futuriste — néon, sci-fi, grids lumineux
• Organique / Natural — courbes, textures terre, palette douce
• Luxe / Raffiné — restraint, serif élégant, espace négatif
• Playful / Toy-like — arrondi, pastel, rebond, jeu
• Éditorial / Magazine — colonnes, hiérarchie forte, serif
• Art Déco / Géométrique — symétrie dorée, patterns, angles

Exemples de prompts efficaces¶

Crée un dashboard analytics avec une esthétique rétro-futuriste.
Grille asymétrique, typographie Orbitron + Space Mono,
palette noir profond / cyan néon / magenta.
Animations de chargement sur les KPIs.

Landing page pour une marque de café artisanal.
Style éditorial/magazine. Serif élégant (Playfair Display),
photos plein écran, scroll horizontal sur la section produits,
palette crème / brun profond / or.

Utilisation dans le PROMPT.md¶

### Frontend Design
- Laisse le skill s'activer pour tout travail UI
- Direction esthétique : [votre choix]
- Polices distinctives uniquement (pas d'Inter, Roboto, Arial)
- Palette cohérente : dominante + accents tranchés
- Animations et micro-interactions soignées
- Jamais de "AI slop"

Context7¶

Auteur : Upstash — Open source

Context7 fournit de la documentation à jour et versionnée directement dans le contexte de Claude Code. Il résout le problème n°1 des assistants IA : les API hallucinées et les patterns obsolètes.

Le problème¶

Les modèles de langage sont entraînés sur des snapshots du web. Quand vous travaillez avec Next.js 15, React 19, ou n'importe quelle librairie qui a évolué depuis l'entraînement :

• Signatures de fonctions qui n'existent pas
• Patterns obsolètes présentés comme actuels
• Paramètres supprimés ou renommés
• Features récentes totalement ignorées

Context7 résout ça en allant chercher les docs à la source.

Outils fournis¶

Utilisation¶

Implicite — mentionner "use context7" :

Implémente l'auth avec Supabase dans une app Next.js 14.
Use context7 pour les docs à jour.

Avec version spécifique — Context7 détecte la version mentionnée :

Comment configurer le middleware dans Next.js 15 ?

Avec identifiant direct — saute l'étape de résolution :

Implémente l'authentification basique avec Supabase.
Use library /supabase/supabase pour les docs.

Librairies supportées¶

Context7 indexe 1000+ librairies. Quelques exemples :

Rôle dans la stratégie de fiabilité¶

graph TD
    A["Claude veut utiliser<br/>une API"] --> B{Confiance ?}
    B -->|Élevée| C["Coder directement"]
    B -->|Moyenne| D["Context7 au moindre doute"]
    B -->|Via Context7| E["TOUJOURS Context7<br/>avant de coder"]

    D --> F["Documentation vérifiée"]
    E --> F
    F --> G["Code fiable"]
    C --> G

Utilisation dans le PROMPT.md¶

### Context7
- Pour CHAQUE librairie/framework : récupérer les docs via Context7 AVANT de coder
- OBLIGATOIRE pour toute techno marquée 🟡 ou 🔵 dans la stack
- Ne jamais se fier aux connaissances internes pour les API
- Mentionner la version spécifique pour les docs versionnées
- En cas de doute : Context7 d'abord, code ensuite

Commit Commands¶

Auteur : Anthropic — Plugin officiel

Commit Commands automatise le workflow Git complet : staging, message de commit, push et création de PR — en une seule commande.

Commandes disponibles¶

/commit — Stage les changements, génère un message de commit approprié et commit.

# Faites vos modifications, puis :
/commit

Claude analyse le diff, stage les fichiers, rédige un message conventional et crée le commit.

/commit-push-pr — Workflow complet en une commande : commit + push + création de PR.

/commit-push-pr

Claude crée la branche, commite, pushe et ouvre une PR avec résumé et plan de test.

/clean_gone — Nettoie les branches locales dont le remote a été supprimé.

/clean_gone

Workflow typique¶

# 1. Développer la feature (Claude implémente via Superpowers)
# 2. Premier commit intermédiaire
/commit
# 3. Continuer le développement...
# 4. Deuxième commit
/commit
# 5. Prêt pour la PR
/commit-push-pr
# 6. Après merge, nettoyer
/clean_gone

Combinaison avec les autres plugins¶

Commit Commands est le dernier maillon du pipeline :

1. Superpowers : brainstorm → plan → TDD → implémentation
2. Context7 : docs à jour pendant l'implémentation
3. Frontend Design : UI si travail frontend
4. Commit Commands : /commit puis /commit-push-pr

Utilisation dans le PROMPT.md¶

### Commit Commands
- Après chaque feature complète et testée : /commit
- Pour la PR finale : /commit-push-pr
- Les messages de commit doivent suivre Conventional Commits
- Nettoyer régulièrement avec /clean_gone

Pourquoi pas Feature Dev ?¶

Feature Dev est un workflow en 7 phases très populaire (~89k installs), mais il chevauche Superpowers sur le brainstorming, le planning et la code review.