🔧 10 Outils Secrets pour Booster Claude Code
mai 2026 · 12 min de lecture
Guide complet avec commandes d'installation — réservé aux abonnés
🗂️ LES 5 PREMIERS OUTILS
🎨 Outil #1 — design-extract
Vole le design de n'importe quel site web en une commande
La douleur : tu vois un site qui te plaît, tu passes des heures à essayer de reproduire ses couleurs, sa typographie, ses espacements. Résultat : approximatif.
La solution : design-extract analyse un site en direct et exporte la totalité de son système de design — couleurs, typographie, espacements, ombres, animations — directement dans Claude Code.
Ce que ça fait concrètement :
- Extrait les tokens de design au format W3C standard
- Génère des fichiers prêts pour Tailwind v4, Figma, shadcn/ui
- Compatible iOS, Android, Flutter, WordPress
- Plugin natif Claude Code avec slash-commandes
Installation :
# Installation globale (CLI)
npm i -g designlang
# Ou en tant que skill agent
npx skills add Manavarya09/design-extract
# Dans Claude Code (plugin)
/plugin install Manavarya09/design-extract
Utilisation :
# En CLI
npx designlang https://stripe.com
# Dans Claude Code
/extract-design https://stripe.com
🔗 github.com/Manavarya09/design-extract
🤖 Outil #2 — CLI-Anything
Rend n'importe quel logiciel contrôlable par Claude
La douleur : Claude Code ne peut pas interagir avec GIMP, Blender, LibreOffice ou tout autre logiciel qui n'a pas d'API.
La solution : CLI-Anything analyse le code source de n'importe quelle application et génère automatiquement une interface CLI complète. Claude peut ensuite piloter ce logiciel comme un agent.
Ce que ça fait concrètement :
- Pipeline automatisé en 7 phases : analyse → design → implémentation → tests
- Mode REPL, output JSON structuré, undo/redo natif
- Supporte GIMP, Blender, Stable Diffusion, LibreOffice, Jupyter, et 50+ logiciels
- Compatible Claude Code, Cursor, Codex, GitHub Copilot CLI
Installation dans Claude Code :
/plugin marketplace add HKUDS/CLI-Anything
/plugin install cli-anything
Utilisation :
# Générer un CLI pour GIMP
/cli-anything ./gimp
# Affiner la couverture
/cli-anything:refine ./gimp "batch processing and filters"
🔗 github.com/HKUDS/CLI-Anything
🧠 Outil #3 — Andrej Karpathy Skills
Le fichier qui corrige les défauts comportementaux de Claude
La douleur : Claude sur-complique, fait des suppositions sans demander, change du code qu'il ne comprend pas, code 1000 lignes quand 50 suffisent.
La solution : Andrej Karpathy — co-fondateur d'OpenAI et créateur de GPT-2 — a documenté tous ces bugs comportementaux. Ce repo transforme ses observations en un fichier CLAUDE.md prêt à copier-coller.
Les 4 principes du fichier :
- Ne pas supposer — Claude demande avant d'agir
- Minimum de code — pas de fonctionnalité non demandée
- Gestion de la confusion — Claude nomme ce qu'il ne comprend pas
- Exécution orientée objectif — critères de succès déclaratifs
Installation :
# Télécharger directement dans ton projet
curl -o CLAUDE.md https://raw.githubusercontent.com/multica-ai/andrej-karpathy-skills/main/CLAUDE.md
# Ou en tant que plugin Claude Code
/plugin install multica-ai/andrej-karpathy-skills
🔗 github.com/multica-ai/andrej-karpathy-skills
🌐 Outil #4 — agent-browser (par Vercel)
Donne à Claude un vrai navigateur Chrome
La douleur : Claude Code ne peut pas voir ce qu'il construit. Il code une interface, dit "c'est fait", et tu dois ouvrir le navigateur toi-même pour vérifier.
La solution : agent-browser est un CLI Rust ultra-rapide qui donne à Claude un navigateur Chrome complet. Claude peut naviguer, cliquer, remplir des formulaires, prendre des screenshots, et tester ses propres interfaces — sans toi.
Ce que ça fait concrètement :
- Navigation, clics, formulaires, screenshots automatiques
- Système de références d'éléments (
@e1,@e2) — stable même si le DOM change - 6x moins de tokens que Playwright MCP
- Boucle de validation autonome : Claude code → Claude teste → Claude corrige
Installation :
# Global (recommandé)
npm install -g agent-browser
agent-browser install # Télécharge Chrome (première fois)
# Ou via Homebrew
brew install agent-browser && agent-browser install
# Skill Claude Code
npx skills add vercel-labs/agent-browser
Utilisation :
agent-browser open https://monapp.com
agent-browser snapshot -i # Liste les éléments interactifs
agent-browser click @e3 # Clique sur l'élément 3
agent-browser screenshot test.png
🔗 github.com/vercel-labs/agent-browser
💾 Outil #5 — claude-mem
Mémoire persistante entre chaque session
La douleur : tu fermes Claude Code, tu le rouvres le lendemain, et il a tout oublié. L'architecture, les décisions, les fichiers modifiés — tout à zéro.
La solution : claude-mem capture automatiquement chaque action de Claude pendant la session, la compresse avec l'IA, et la réinjecte dans les sessions suivantes. Claude se souvient enfin.
Ce que ça fait concrètement :
- 5 hooks de cycle de vie (SessionStart, UserPromptSubmit, PostToolUse, Summary, SessionEnd)
- Compression des observations en ~500 tokens chacune
- Interface web locale sur
http://localhost:37777 - Tags
<private>pour exclure du contenu sensible - Tout stocké localement dans
~/.claude-mem/
Installation :
# Via plugin Claude Code (recommandé)
/plugin marketplace add thedotmack/claude-mem
/plugin install claude-mem
# Redémarre Claude Code — le contexte des sessions précédentes apparaît automatiquement
🔗 github.com/thedotmack/claude-mem
🗂️ LES 5 OUTILS BONUS
⚙️ Outil #6 — everything-claude-code (ECC)
Le framework de configuration ultime — 100k+ étoiles GitHub
La douleur : Claude Code sans configuration, c'est un développeur senior sans processus. Puissant, mais chaotique.
La solution : ECC est le repo de configuration le plus étoilé de l'écosystème Claude Code. 28 agents spécialisés, 119 skills, des règles de sécurité, des hooks, tout préconfiguré.
Ce que ça inclut :
- 28 agents spécialisés (planification, TDD, sécurité, code review par langage)
- Hooks de sécurité : bloque
--no-verify, détecte les secrets dans les prompts - AgentShield : scanner avec 1 282 tests et 102 règles d'analyse statique
- Compatible Claude Code, Cursor, Codex, OpenCode depuis un seul repo
Installation :
/plugin marketplace add affaan-m/everything-claude-code
/plugin install ecc@ecc
Ou installation manuelle par stack :
git clone https://github.com/affaan-m/everything-claude-code.git
./install.sh typescript # Pour TypeScript
./install.sh python # Pour Python
./install.sh golang # Pour Go
🔗 github.com/affaan-m/everything-claude-code
🪨 Outil #7 — caveman
Coupe 65% des tokens en faisant parler Claude comme un homme des cavernes
La douleur : Claude Code est verbeux. Il explique, justifie, reformule. Chaque réponse consomme des tokens inutilement, et tu paies pour du remplissage.
La solution : caveman est un skill qui force Claude à répondre en mode ultra-compact — même précision technique, 65% de tokens en moins. Et oui, les réponses ressemblent à du langage préhistorique.
Ce que ça fait concrètement :
- Compression de toutes les réponses (niveaux configurables)
- Commits Conventional au format ≤50 caractères
- Commentaires PR en une ligne :
L42: 🔴 bug: user null. Add guard. - Badge dans Claude Code :
[CAVEMAN] ⛏ 12.4k (tokens économisés) - Économies en USD affichées en temps réel
Installation :
# macOS / Linux / WSL
curl -fsSL https://raw.githubusercontent.com/JuliusBrussee/caveman/main/install.sh | bash
# Windows (PowerShell)
irm https://raw.githubusercontent.com/JuliusBrussee/caveman/main/install.ps1 | iex
# Activation dans Claude Code
/caveman
# Pour revenir au mode normal
# normal mode
🔗 github.com/JuliusBrussee/caveman
🗺️ Outil #8 — Understand-Anything
Transforme n'importe quelle base de code en graphe de connaissances interactif
La douleur : tu arrives sur une nouvelle codebase. Tu passes des heures à chercher comment les fichiers s'articulent, où se trouve la logique métier, comment une fonction impacte le reste.
La solution : Understand-Anything analyse automatiquement ton projet et génère un graphe interactif de connaissances — code-couleur par couche architecturale, cliquable, recherchable, et interrogeable en langage naturel.
Ce que ça fait concrètement :
- Pipeline multi-agents : scan → extraction → graphe → dashboard web
- Graphe JSON committé dans
.understand-anything/— les coéquipiers évitent le pipeline - Questions en langage naturel :
/understand-chat How does the payment flow work? - Génère des guides d'onboarding automatiquement
- Auto-update à chaque commit via hook
Installation :
/plugin marketplace add Lum1104/Understand-Anything
/plugin install understand-anything
Utilisation :
/understand # Lance le pipeline complet
/understand-chat Comment fonctionne l'authentification ?
/understand-explain src/auth/login.ts
/understand-onboard # Guide pour nouveaux développeurs
🔗 github.com/Lum1104/Understand-Anything
🌊 Outil #9 — Ruflo
Déploie des essaims d'agents IA qui travaillent en parallèle
La douleur : Claude Code travaille de façon séquentielle. Une tâche à la fois. Sur un projet complexe, c'est lent.
La solution : Ruflo est une plateforme d'orchestration multi-agents. Tu donnes un objectif en langage naturel, Ruflo le décompose, spawne des dizaines d'agents spécialisés qui travaillent en parallèle, apprennent de leurs erreurs, et te livrent le résultat.
Ce que ça fait concrètement :
- 314 outils MCP, 16 rôles d'agents + types personnalisés
- Planification GOAP (intelligence artificielle classique) — replanifie en cas d'échec
- Dashboard
goal.ruv.io/agents: visualise tous les agents en temps réel - SONA : apprentissage continu des trajectoires réussies
- Interface web multi-modèles (Claude, Gemini, GPT, Qwen)
Installation :
# Via plugin Claude Code
/plugin marketplace add ruvnet/ruflo
/plugin install ruflo-core@ruflo
/plugin install ruflo-swarm@ruflo
# Ou via CLI (installation complète recommandée)
npx claude-flow@latest init
Utilisation :
# Juste écrire l'objectif en langage naturel dans Claude Code
# "Ship the auth refactor with tests and a PR"
# Ruflo s'occupe du reste automatiquement
💅 Outil #10 — impeccable
Élimine l'esthétique générique de l'IA dans tes interfaces
La douleur : tout ce que génère l'IA se ressemble. Police Inter, dégradé violet-bleu, cartes dans des cartes, icône arrondie au-dessus de chaque titre. C'est ce qu'on appelle l'AI slop.
La solution : impeccable est un skill de design construit par Paul Bakaus (ex-Google, créateur de jQuery UI). 23 commandes qui enseignent à Claude les principes de design professionnel et détectent 27 anti-patterns automatiquement.
Ce que ça fait concrètement :
- 7 fichiers de référence (typographie, couleur, motion, spatial, interaction, responsive, UX writing)
- Mode
brandvsproduct— règles différentes selon le contexte - CLI standalone : détecte les anti-patterns sans LLM
- Extension Chrome : scanne n'importe quelle page en temps réel
Installation :
npx skills add pbakaus/impeccable
Les commandes principales :
/impeccable polish # Passe finale avant livraison
/impeccable audit # Contrôle technique (a11y, perf, responsive)
/impeccable critique # Review UX : hiérarchie, clarté, émotion
/impeccable bolder # Amplifier un design ennuyeux
/impeccable quieter # Calmer un design trop agressif
/impeccable animate # Ajouter du mouvement professionnel
/impeccable harden # Gérer les edge cases et erreurs
CLI sans LLM :
npx impeccable detect src/ # Scanner un dossier
npx impeccable detect index.html # Scanner un fichier
npx impeccable detect https://monsite.com # Scanner une URL
🔗 github.com/pbakaus/impeccable
📋 Récapitulatif — Installation rapide
| # | Outil | Ce que ça fait | Commande d'installation |
|---|---|---|---|
| 1 | design-extract | Clone le design de n'importe quel site | npm i -g designlang |
| 2 | CLI-Anything | Pilote n'importe quel logiciel | /plugin marketplace add HKUDS/CLI-Anything |
| 3 | Karpathy Skills | Corrige les défauts comportementaux de Claude | curl -o CLAUDE.md [url] |
| 4 | agent-browser | Donne un vrai navigateur à Claude | npm install -g agent-browser |
| 5 | claude-mem | Mémoire persistante entre sessions | /plugin marketplace add thedotmack/claude-mem |
| 6 | everything-claude-code | Framework complet 28 agents + sécurité | /plugin install ecc@ecc |
| 7 | caveman | -65% de tokens consommés | curl -fsSL [install.sh] | bash |
| 8 | Understand-Anything | Graphe interactif de ta codebase | /plugin install understand-anything |
| 9 | Ruflo | Essaim d'agents multi-tâches en parallèle | npx claude-flow@latest init |
| 10 | impeccable | Design professionnel, zéro AI slop | npx skills add pbakaus/impeccable |
Guide compilé à partir des repos GitHub publics — tous ces outils sont open source et gratuits.