Souvenez-vous lorsque nous étions jeunes, et qu’il fallait tout coder à la main… Mettre en production une application web? Un upload SFTP et différentes commandes pour bidouiller. C’est terminé ma bonne dame… Dans cet article, j’espère réussir à partager une façon de développer, que j’ai utilisé sur le développement d’un Démonstrateur (POC/Proof of concept).
A la fin de la lecture de cet article, ta vie aura changée à tout jamais. Ou sinon peut-être pas, mais bon, c’est garanti écrit à la main sans IA, sans conservateurs, de l’article Bio élevé en plein air.
Je vais vous montrer (on se vouvoie) quelques outils qui permettront de booster votre développement avec Claude code.
Claude Code : le petit rappel pour ceux du fond
Pour ceux qui débarquent, Claude Code c’est le CLI d’Anthropic qui transforme ton terminal en assistant IA. Pas besoin de jongler entre ton IDE et ChatGPT, tout se passe dans ton terminal.
Installation rapide :
# Methode 1
npm install -g @anthropic-ai/claude-code
# Methode 2
curl -fsSL https://claude.ai/install.sh | sh
A noter qu’il est assez facile de l’intégrer dans VSCode, PyCharm, GoLand ou autre… car il s’agit pour l’essentiel d’un utilitaire en ligne de commande.
« Oui mais moi j’utilise ChatGPT, c’est quoi la différence? »
Claude Code est pensé/orienté développement. Il est capable d’utiliser des logiciels sur votre machine comme Git, curl, et il a accès (sous votre contrôle) à toutes les commandes dans votre terminal. Bref vous, mais en mieux.
Combien cela coûte-t-il?
On démarre à 19 euros par mois, et j’ai pris un plan Claude Max à 90 euros par mois. C’est idéalement votre employeur qui vous payera ce formidable outil. Sinon changez d’employeur. Des bisous !
Voilà, t’es prêt. Maintenant, passons aux choses sérieuses : les serveurs MCP.
Les serveurs MCP : c’est quoi ce truc ?
Avant de plonger dans les exemples concrets, parlons d’abord de ce que sont vraiment les serveurs MCP. MCP (Model Context Protocol) est un standard ouvert qui standardise la façon dont les applications fournissent du contexte aux LLMs. Pensez à MCP comme un port USB-C pour les applications IA.
Le principe est simple :
- Les hôtes MCP : Des programmes comme Claude Desktop, Claude Code, ou vos IDEs (Cursor, Windsurf) qui veulent accéder à des données
- Les serveurs MCP : Des petits programmes qui exposent des capacités spécifiques (accès aux fichiers, APIs, bases de données…)
- Le protocole : Un langage commun pour que tout ce petit monde communique
Les serveurs MCP peuvent fournir trois types principaux de capacités : des Ressources (données type fichiers), des Outils (fonctions que le LLM peut appeler), et des Prompts (templates pré-écrits)
Pourquoi c’est génial ?
- Standardisation : Plus besoin d’un plugin différent pour chaque IA
- Sécurité : Vos données restent dans votre infrastructure
- Flexibilité : Vous pouvez changer de LLM sans tout reconfigurer
- Écosystème : Des centaines de serveurs déjà disponibles
C’est un peu comme si on avait enfin trouvé le chargeur universel pour toutes les IA. Plus de bricolage, plus de formats propriétaires, juste un standard qui marche. Context7 : la doc toujours à jour (enfin !)
Le problème qu’on a tous vécu
Vous codez tranquille, vous voulez utiliser la dernière version de Next.js, et là… l’IA vous sort du code de 2022. « useRouter from next/navigation » qu’elle dit, alors que ça a changé 3 fois depuis. Frustrant, non ?
La solution : Context7
Context7 est un serveur MCP qui va chercher la documentation à jour directement à la source et l’injecte dans le contexte de votre IA (voir GitHubApidog). Fini les APIs obsolètes et les méthodes qui n’existent plus !
Installation avec Claude Code :
claude mcp add --transport http context7 https://mcp.context7.com/mcp
Comment ça marche ?
Quand vous ajoutez « use context7 » à votre prompt, le serveur détecte automatiquement la librairie dont vous parlez, filtre la documentation par topic (routing, validation, middleware…) et retourne des exemples de code à jour How to Install and Use Context7 MCP Server.
Exemples concrets :
# Dans Claude Code > Comment créer un middleware Next.js qui vérifie un JWT ? utilise context7 # Context7 va chercher la doc officielle de Next.js 15 # et vous sortir le code qui marche VRAIMENT
Le truc génial, c’est que Context7 comprend le contexte. Si vous bossez sur de l’authentification, il va filtrer la doc pour vous montrer uniquement ce qui concerne l’authentification (voir How to Install Context7 MCP Server).
Le workflow de base :
- Vous posez votre question avec
<strong>use context7</strong> - Context7 identifie la lib (React, Vue, Express, etc.)
- Il récupère la doc officielle à jour
- Claude vous génère du code qui marche du premier coup et évite d’utiliser trop de tokens, ou de répondre à côté de la plaque
Plus besoin de vérifier sur 12 tabs si l’API a changé. C’est beau.
Claude Task Master : votre chef de projet IA
De l’idée au code, sans se perdre
C’est l’outil qui m’a le plus bluffé la semaine passée. Il permet de faire le lien entre « une idée de petit projet » et un truc qui fonctionne correctement, et il aide aussi à ne pas consommer des tokens trop rapidement.
Donc Claude Task Master est un système de gestion de tâches conçu pour le développement piloté par IA, qui fonctionne parfaitement avec Claude Code, mais aussi Cursor et d’autres éditeurs claude-task-master/docs/examples/claude-code-usage.md at main · eyaltoledano/claude-task-master.
Au lieu de vous lancer tête baissée et de refactorer 15 fois, Task Master va :
- Analyser votre PRD (Product Requirements Document)
- Découper le projet en tâches atomiques
- Estimer la complexité de chaque tâche
- Vous guider étape par étape
Installation :
# Pas besoin d'API key si vous utilisez Claude Code ! claude mcp add task-master -- npx -y task-master-ai
Le workflow qui déchire :
D’abord, vous créez votre PRD. Un simple fichier texte qui décrit votre projet :
# scripts/prd.txt Je veux créer une app de todo list avec : - Authentification utilisateur - CRUD des todos - Déploiement sur Digital Ocean - Je ne veux pas de base de données mais utiliser Redis - Ajoute des tests d'intégration avec Playwright - Utilise Golang, HTMX, templ - Utilise uniquement tailwind et ne rajoute pas de frameworks JS
Ensuite, dans Claude Code :
> Initialise taskmaster-ai dans mon projet > Parse mon PRD dans scripts/prd.txt
Task Master va transformer votre PRD en une série de fichiers de tâches structurées sous /tasks, avec un fichier tasks.json qui contient la liste complète des tâches, sous-tâches et métadonnées (voir Task Master MCP server for AI agents).
Les commandes magiques :
# Voir la prochaine tâche > Quelle est la prochaine tâche à faire ? # Ou en Anglais > What is the next task to complete? Can you summarize and show the execution plan? # Analyser la complexité (utilise Perplexity pour faire de la recherche) > Analyse la complexité de nos tâches # Implémenter une tâche > Démarre la tâche 3 # Rechercher des infos fraîches > Cherche les meilleures pratiques JWT en 2025
La beauté du truc ? Task Master supporte 3 types de modèles : le modèle principal, le modèle de recherche (pour les infos à jour), et un modèle de fallback au cas où (voir claude-task-master/docs/tutorial.md at main · eyaltoledano/claude-task-master).
A noter que j’ai plus l’habitude d’utiliser l’Anglais, mais le Français marche aussi très bien.
Les tags pour ne pas se mélanger les pinceaux
Task Master supporte les listes de tâches taggées pour le développement multi-contexte, particulièrement utile quand vous bossez avec des branches git ou différentes phases de projet.
> Crée un nouveau tag 'auth' pour les tâches d'authentification > Switch sur le tag 'auth' > Copie toutes les tâches vers un tag 'testing' pour la QA
C’est comme avoir plusieurs projets en parallèle sans vous perdre. Chaque branche git peut avoir son propre contexte de tâches.
Playwright MCP : les tests E2E sans prise de tête
Donc nous avons de la doc à jour, un plan projet, nous pouvons commencer à coder. Je vous recommande cependant d’installer dès le départ un outil pour permettre à Claude de valider ce qu’il fait. Vous pouvez utiliser Puppetter pour controler le navigateur, mais cela a vite tendance à ne pas être efficace. J’ai basculé vers l’utilisation de Playwright.
J’ai un résultat qui me sert plutôt à aider Claude à comprendre les erreurs, mais j’ai cependant vu que Claude Code a tendance à générer « trop » de tests (comme certains tests sur les balises de style, à mon avis inutiles). Je l’ai donc plus utilisé pour éviter de gaspiller des tokens, lorsque l’erreur est simple. Et il s’en sort bien. J’ai ajouté 45 tests de bout-en-bout à l’étape 3 ou 4 de mon projet, et cela m’a aidé ensuite pour la suite.
Installation :
claude mcp add playwright npx '@playwright/mcp@latest'
Ce que vous pouvez faire :
- Lancer des tests de bout en bout
- Prendre des screenshots automatiques
- Tester sur différents navigateurs
- Vérifier l’accessibilité
Exemple concret :
> Lance un test Playwright qui vérifie que mon formulaire de login fonctionne > Prends une capture d'écran de la page d'accueil sur mobile et desktop > Teste que le parcours d'achat complet fonctionne > Si le parcours ne fonctionne pas, analyse la raison, explique moi ton analyse mais ne modifie pas de fichier, je le ferai.
L’IA va générer et exécuter les tests Playwright pour vous. Plus d’excuse pour ne pas tester !
Digital Ocean MCP : déployez en prod comme un chef
Le déploiement en langage naturel
Une fois que votre projet est un peu prêt terminé, vous pouvez ensuite le mettre en production. J’ai voulu tester Digital Ocean que je n’avais pas testé depuis des années, et j’ai été assez bluffé par la facilité pour déployer/configurer son application.
DigitalOcean propose aussi un serveur MCP qui connecte Claude Code à votre compte DigitalOcean pour qu’il puisse vraiment faire des choses : déployer des apps, récupérer des logs, redémarrer des services, et plus. Il faut simplement une clé, que l’on crée sur son compte DigitalOcean, et c’est tout.
Installation :
claude mcp add digitalocean-mcp-local \ -e DIGITALOCEAN_API_TOKEN=YOUR_TOKEN \ -- npx "@digitalocean/mcp"
Les super-pouvoirs unlockés :
Une fois configuré, vous pouvez utiliser des commandes en langage naturel comme « Liste toutes mes apps sur DigitalOcean » ou « Crée une nouvelle app depuis ce repo GitHub ».
Workflow de déploiement complet :
> Liste mes droplets actuels > Crée une nouvelle app depuis github.com/monrepo/monapp > Configure les variables d'environnement pour la production > Active le SSL automatique > Montre-moi les logs des dernières 24h > Scale l'app à 3 instances
Plus besoin de vous souvenir de l’interface DO ou des commandes CLI obscures. Vous demandez, Claude exécute.
Monitoring en temps réel :
> Quelle est la charge CPU de mon app ? > Y a-t-il eu des erreurs dans les dernières heures ? > Montre-moi les métriques de performance
Plus besoin de devenir un expert Kubernetes, ou autre. On parle avec sa production. Dites-moi si l’on peut faire plus simple…
Mais Claude Code permet aussi d’apprendre. Je lui ai demandé de me montrer les commandes à utiliser avec la CLI de DigitalOcean, pour comprendre. Je m’en suis aussi servi pour simplement apprendre à utiliser DO en quelques heures. Dingue.
Le workflow complet : de l’idée à la prod
Maintenant qu’on a tous nos outils, voici comment tout s’articule :
1. Conception avec Task Master
> Initialise un nouveau projet e-commerce > Parse mon PRD pour créer les tâches > Quelle est la première tâche à faire ?
2. Développement avec Context7
> Comment implémenter un panier avec Next.js 15 ? use context7 > Quelle est la meilleure façon de gérer l'état avec Zustand ? use context7
3. Tests avec Playwright
> Génère des tests E2E pour le parcours d'achat > Lance les tests sur Chrome, Firefox et Safari
4. Déploiement avec Digital Ocean
> Déploie l'app en staging sur DO > Configure les domaines et le SSL > Active le monitoring et les alertes
Mon retour d’expérience : le game changer
Honnêtement ? Ces outils changent profondément notre façon de travailler. Ce n’est plus « l’IA qui code à votre place », c’est « l’IA qui devient votre bras droit surpuissant ».
Les vrais changements :
- Fini la doc obsolète : Context7 vous garantit du code qui marche avec les dernières versions. J’ai gagné des heures à ne plus debugger des APIs dépréciées.
- La gestion de projet automatisée : Task Master, c’est comme avoir un chef de projet qui ne dort jamais et qui connaît parfaitement votre code. Les tâches sont découpées « intelligemment », priorisées, et vous savez toujours quoi faire ensuite.
- Les tests deviennent fun : Avec Playwright MCP, écrire des tests E2E c’est comme décrire ce que vous voulez tester en français. L’IA génère le code Playwright optimisé.
- Le déploiement sans friction : Digital Ocean MCP, c’est la fin des
ssh root@serveret des configs nginx à la main. Vous demandez, ça déploie.
Les trucs qui ne marchent pas si bien
- J’ai eu parfois plus de mal à trouver la façon la plus simple d’expliquer quelque chose… et j’ai parfois terminé par le faire moi-même
- Je vous recommande de ne pas utiliser 100% de Claude Code durant le développement. J’ai parfois créée de nouvelles Tasks, j’ai fait moi-même les modifications, puis j’ai demandé à Claude d’analyser/revoir mon code et de mettre la doc à jour en conséquence. J’ai un souvenir d’un passage de Gin template à Templ qui m’a pris 2/3h, malgré la doc.
- Lors de mon développement j’ai utilisé un serveur Redis dans un docker. Lorsque je suis passé en prod sur DigitalOcean, l’instance Redis utilise TLS. Le code ne marchait évidemment plus, et j’ai repris alors la main pour corriger moi-même le code. J’aurai peut-être du demander à Claude Code d’analyser au démarrage les ressources. Il aurait vu que le serveur Redis demande du TLS. Bref, pour éviter cela : demander à Claude d’analyser l’environnement avec le serveur MCP de DigitalOcean.
Le conseil du chef :
Commencez petit. Prenez un projet perso, installez Context7 et Task Master. Créez un PRD simple, laissez Task Master découper les tâches, et utilisez Context7 pour coder avec de la doc à jour. En 2-3 jours, vous ne pourrez plus vous en passer. Attention cependant: même avec un plan Max à 90 EUR par mois, j’épuise les tokens en 6h de travail. Cela va très vite, il faut apprendre à limiter ses prompts, au risque sinon de se retrouver sans cet outil en pleine journée.
Ces outils ne remplacent pas le développeur. Ils le transforment en super-développeur. Vous passez moins de temps sur les tâches répétitives et plus sur ce qui compte vraiment : la créativité et l’architecture.
PS : Si vous galérez avec la config, souvenez-vous que même les meilleurs ont commencé par un « command not found ». Persévérez, ça vaut le coup.
Ressources :
- Documentation officielle MCP – Pour comprendre le protocole
- Context7 GitHub – Le serveur MCP pour la doc à jour
- Claude Task Master – Gestion de projet IA-driven
- Playwright MCP – Tests E2E automatisés
- Digital Ocean MCP Server – Déploiement en langage naturel
- Liste complète des serveurs MCP – Pour découvrir d’autres outils
- Claude Code Cheat sheet vous montre comment installer/configurer ces différents serveurs MCP, ainsi que des idées pour bien utiliser Claude code
Leave a Comment