Les extensions que j'utilise réellement pour développer, sécuriser et automatiser. Pour chacune : ce qu'elle fait, pourquoi je l'utilise, et la commande d'installation.
Base de connaissances design (styles, palettes, typographies, règles UX) qui recommande un système de design cohérent pour chaque projet.
Pourquoi : Éviter les designs génériques « site IA » et livrer des interfaces pro et accessibles.
claude plugin marketplace add nextlevelbuilder/ui-ux-pro-max-skill uipro init --ai claude --global
Guide et patterns d'animation web (framer-motion) : révélations au scroll, micro-interactions, transitions de page.
Pourquoi : Ajouter du mouvement crédible sans tomber dans l'effet gadget.
npx skills add freshtechbro/claudedesignskills
Bibliothèque de blocs d'interface prêts à l'emploi basés sur shadcn/ui.
Pourquoi : Prototyper des sections d'UI de qualité en quelques minutes.
claude plugin marketplace add masonjames/Shadcnblocks-Skill claude plugin install shadcnblocks@shadcnblocks-marketplace
Ensemble de « process skills » : brainstorming, débogage systématique, TDD, revue de code, exécution de plans.
Pourquoi : Structurer le travail complexe et éviter les allers-retours.
# Fourni via le marketplace Superpowers pour Claude Code
Orchestration multi-agents, mémoire vectorielle, hooks et routage de tâches pour Claude Code.
Pourquoi : Faire collaborer plusieurs agents (recherche, code, tests, revue) sur une même tâche.
npx ruflo@latest init claude mcp add ruflo -- npx ruflo@latest mcp start
Mémoire persistante entre les sessions : Claude se souvient du contexte projet d'une fois sur l'autre.
Pourquoi : Ne plus réexpliquer son projet à chaque nouvelle conversation.
npx claude-mem install
Large collection de skills de cybersécurité (forensics, détection, pentest, threat intel, conformité).
Pourquoi : Un couteau suisse pour l'analyse de sécurité et la réponse à incident.
npx skills add mukul975/Anthropic-Cybersecurity-Skills
Fournit la documentation à jour des librairies et frameworks directement dans Claude.
Pourquoi : Éviter les réponses basées sur des versions obsolètes.
npx ctx7 setup --claude
Pilotage de navigateur pour tester des pages, remplir des formulaires, capturer des rendus.
Pourquoi : Vérifier automatiquement qu'une interface fonctionne vraiment.
claude mcp add playwright npx '@playwright/mcp@latest'
Génération et recherche de composants d'interface React/Tailwind de qualité.
Pourquoi : Accélérer la création d'UI à partir de descriptions.
claude mcp add magic-mcp -e TWENTY_FIRST_API_KEY=21st_sk_VOTRE_CLE -- npx -y @21st-dev/magic
Revue automatisée de pull requests (bugs, sécurité, qualité) intégrée au flux Git.
Pourquoi : Un second regard systématique avant de merger.
uvx code-review-mcp
Besoin d'aide pour intégrer ces outils dans votre équipe ? Parlons-en →
