- MCP
- Best Development
En bref
Les MCP essentiels pour développeurs : Context7 (doc à jour des libs), GitHub (issues, PRs, code search), Playwright (test E2E et browser automation), Sentry (monitoring), Postgres ou Supabase (DB). Configuration par projet dans .mcp.json. Détails et installation ci-dessous.
Les MCP essentiels pour les développeurs
Les MCP de développement connectent Claude Code à votre stack technique : documentation, monitoring, gestion de projet, bases de données et gestion de code source. Ils transforment Claude Code en véritable membre de votre équipe de développement.
Context7 : Documentation à jour
Accédez à la documentation officielle et à jour de n'importe quelle bibliothèque directement depuis Claude Code. Fini les réponses basées sur des APIs obsolètes. Context7 fournit toujours la documentation la plus récente.
Installation
# Via la commande Claudeclaude mcp add context7 -- npx -y @upstash/context7-mcp
Configuration JSON
{"mcpServers": {"context7": {"command": "npx","args": ["-y", "@upstash/context7-mcp"]}}}
Cas d'usage
- Documentation précise : "Utilise Context7 pour consulter la doc de Next.js 14 App Router et montre-moi comment configurer les metadata"
- Migration guidée : "Consulte la doc de React 19 et aide-moi à migrer ce composant de useEffect vers les Server Actions"
- Résolution de bugs : "Vérifie dans la doc de Prisma si cette erreur est un bug connu et quelle est la solution"
Sentry : Monitoring des erreurs
Surveillez et analysez les erreurs de production directement depuis Claude Code. Consultez les stack traces, identifiez les patterns d'erreurs et corrigez les bugs plus rapidement.
Installation
# Sentry nécessite un auth tokenclaude mcp add sentry -e SENTRY_AUTH_TOKEN=sntrys_votre-token -- npx -y @sentry/mcp-server
Configuration JSON
{"mcpServers": {"sentry": {"command": "npx","args": ["-y", "@sentry/mcp-server"],"env": {"SENTRY_AUTH_TOKEN": "sntrys_votre-auth-token","SENTRY_ORG": "votre-organisation","SENTRY_PROJECT": "votre-projet"}}}}
Cas d'usage
- Triage des erreurs : "Montre-moi les 10 erreurs les plus fréquentes en production cette semaine"
- Analyse de bug : "Analyse cette erreur Sentry, retrouve le fichier concerné dans notre code et propose un fix"
- Monitoring proactif : "Y a-t-il de nouvelles erreurs apparues depuis le dernier déploiement ?"
Linear : Gestion de projet
Gérez vos issues, sprints et projets Linear directement depuis Claude Code. Créez des tickets, mettez à jour le statut et synchronisez votre code avec votre gestion de projet.
Configuration JSON (exemple)
{"mcpServers": {"linear": {"command": "npx","args": ["-y", "@linear/mcp-server"],"env": {"LINEAR_API_KEY": "lin_api_votre-clé-linear"}}}}
Cas d'usage
- Workflow intégré : "Crée une issue Linear pour le bug que je viens de trouver, avec la stack trace et les étapes pour reproduire"
- Suivi de sprint : "Montre-moi les issues assignées à moi dans le sprint en cours"
- Mise à jour automatique : "Marque l'issue LIN-42 comme terminée et ajoute un commentaire avec le lien de la PR"
PostgreSQL / Supabase : Bases de données
Interrogez vos bases de données directement depuis Claude Code. Exécutez des requêtes SQL, analysez les schémas, exportez des résultats et optimisez vos requêtes.
Installation PostgreSQL
# PostgreSQL natifclaude mcp add postgres -e DATABASE_URL=postgresql://user:pass@host:5432/db -- npx -y @modelcontextprotocol/server-postgres
Configuration JSON PostgreSQL
{"mcpServers": {"postgres": {"command": "npx","args": ["-y", "@modelcontextprotocol/server-postgres"],"env": {"DATABASE_URL": "postgresql://user:password@localhost:5432/ma-base"}}}}
Configuration Supabase
{"mcpServers": {"supabase": {"command": "npx","args": ["-y", "@supabase/mcp-server-supabase"],"env": {"SUPABASE_URL": "https://votre-projet.supabase.co","SUPABASE_SERVICE_ROLE_KEY": "votre-service-role-key"}}}}
Cas d'usage
- Exploration de données : "Montre-moi le schéma de la table users et les 10 derniers enregistrements"
- Analyse et statistiques : "Calcule le nombre d'inscriptions par mois sur les 6 derniers mois"
- Génération de requêtes : "Écris une requête SQL pour trouver les utilisateurs inactifs depuis plus de 90 jours"
- Optimisation : "Analyse cette requête lente et propose des index pour l'accélérer"
GitHub : Gestion de code source
Interagissez avec GitHub à un niveau avancé depuis Claude Code. Claude Code a déjà une intégration Git native, mais le MCP GitHub ajoute l'accès aux issues, pull requests, reviews, workflows CI/CD et recherche de code à travers tous vos repos.
Installation
# GitHub nécessite un Personal Access Tokenclaude mcp add github -e GITHUB_PERSONAL_ACCESS_TOKEN=ghp_votre-token -- npx -y @modelcontextprotocol/server-github
Configuration JSON
{"mcpServers": {"github": {"command": "npx","args": ["-y", "@modelcontextprotocol/server-github"],"env": {"GITHUB_PERSONAL_ACCESS_TOKEN": "ghp_votre-token-github"}}}}
Cas d'usage
- Gestion des PRs : "Crée une pull request pour la branche courante avec un résumé des changements"
- Code review : "Montre-moi les commentaires de review sur la PR #42 et aide-moi à y répondre"
- Recherche de code : "Cherche dans tous nos repos où on utilise la fonction deprecated calculateTotal"
- Issues : "Crée une issue pour le bug qu'on vient de trouver avec les étapes de reproduction et les logs"
- CI/CD : "Montre-moi le statut du dernier workflow GitHub Actions et pourquoi il a échoué"
Récapitulatif
| MCP | Package vérifié | Auth requise | Meilleur pour |
|---|---|---|---|
| Context7 | @upstash/context7-mcp | Aucune | Documentation à jour, éviter les hallucinations |
| Sentry | @sentry/mcp-server | Auth Token | Monitoring erreurs, debug production |
| Linear | Officiel Linear (vérifier npm) | API Key | Gestion de projet, suivi de sprint |
| PostgreSQL | @modelcontextprotocol/server-postgres | Connection string | Exploration et analyse de données |
| GitHub | @modelcontextprotocol/server-github | PAT Token | PRs, issues, code review, CI/CD |
Limites et gotchas
Ces MCP sont puissants, mais ils ont des limites concrètes à connaître.
Quotas API et rate limiting
- GitHub : l'API REST limite à 5 000 requêtes/heure avec un token. Les recherches de code sont encore plus limitées (30 requêtes/minute). Un workflow intensif peut atteindre ces limites.
- Sentry : les limites dépendent de votre plan. Le plan gratuit est restrictif sur le volume de requêtes API.
- Linear : environ 100 requêtes/minute. Suffisant pour un usage normal, mais un script de migration peut bloquer.
- PostgreSQL : pas de rate limit réseau, mais les requêtes lourdes sur une base de production peuvent impacter les performances.
Latence et fiabilité
- Context7 : dépend de l'indexation d'Upstash. Si une bibliothèque vient de publier une version, il peut y avoir un délai de quelques heures avant que la doc soit à jour.
- Sentry : les événements récents peuvent ne pas apparaître immédiatement (indexation en cours).
- GitHub : les recherches de code cross-repo sont lentes par nature (indexation GitHub).
Cas de panne courants
- Token GitHub avec scopes insuffisants : un Fine-grained token sans le scope
workflowne pourra pas lire les GitHub Actions. L'erreur n'est pas toujours explicite. - Connection string PostgreSQL : une faute dans l'URL de connexion fait planter le MCP silencieusement. Testez-la d'abord avec
psql. - Sentry org/project mal configuré : le MCP démarre mais ne retourne rien si l'organisation ou le projet ne correspondent pas.
Évaluer un MCP tiers
Avant d'installer un MCP de développement communautaire, vérifiez :
| Critère | Ce qu'il faut regarder |
|---|---|
| Maintenance | Dernier commit récent, issues traitées, release régulières |
| Sécurité | Pas d'envoi de données vers des serveurs inconnus, permissions minimales |
| Performance | Temps de démarrage, consommation mémoire, gestion des timeouts |
| Documentation | Installation claire, liste des tools exposés, exemples d'utilisation |
Prochaines étapes
- Installer et configurer un MCP : Guide d'installation détaillé et résolution des problèmes
- Top MCP design & UI : Playwright, Chrome DevTools, 21st.dev Magic, Puppeteer
- Créer son premier workflow MCP : Combiner Context7 + GitHub + Playwright
- Créer un MCP custom en TypeScript : Construisez votre propre serveur MCP
- Comprendre les MCP : Revenir aux fondamentaux du protocole