La stack AI-native ProCoders : outils par étape produit
La stack AI-native ProCoders est l'outillage pratique et assumé que nous installons et utilisons réellement sur nos projets, organisé selon la place de chaque outil dans le cycle produit : coding, automatisation navigateur, produit, design, SEO/GEO, anti-écriture IA et saisie vocale. Chaque outil a un type (Skill, MCP, Plugin ou App), un rôle précis et une priorité.
Ce qu'est cette stack (et ce qu'elle n'est pas)
C'est la stack pratique que ProCoders recommande réellement — les outils que nous installons et faisons tourner sur de vrais projets — présentée selon leur position dans le cycle produit. C'est la mise en œuvre concrète de nos 17 compétences AI-native et le moteur derrière les niveaux L1 à L7 : les compétences définissent ce que fait un développeur AI-native ; cette stack, c'est comment nous le faisons.
Elle est délibérément différente d'un article « meilleurs outils ». Si vous voulez l'inventaire large et classé par niveau des agents de coding, consultez notre analyse approfondie des outils de coding par niveau. Ce qui suit est plus resserré et plus honnête : une recommandation interne avec types, rôles et priorités, pas un tour d'horizon du marché. Chaque outil ici est quelque chose que nous mettrions sur un projet dès demain.
Les labels de priorité signifient ce qu'ils disent. Indispensable est non négociable pour le niveau auquel il s'applique ; recommandé est ce que nous ajouterions ensuite ; optionnel est situationnel. Les types sont Skill / MCP / Plugin / App (un produit fini). Les compteurs d'étoiles, lorsqu'ils sont indiqués, sont des indicateurs approximatifs de maturité et d'adoption, pas des chiffres précis.
Coding
La boucle centrale : framework agentique, docs à jour, recherche structurelle.
| Outil | Type | Ce qu'il apporte | Priorité |
|---|---|---|---|
| Superpowers | Plugin / Skills | Framework agentique de base : TDD, plans, débogage, revue, vérification. | indispensable |
| Superpowers-V (by ProCoders) | Plugin | Notre fork/overlay : workflow par phases, archéologie de code, dispatch parallèle, validation Context7. | indispensable |
| ECC | Plugin / Orchestrator | Système d'opérateurs natifs au harness pour Claude Code, Codex et Cursor : la famille d'orchestrateurs orch-*, sous-agents, skills, hooks et mémoire de session. Installez v2 et connectez-le à la couche opérateur Hermes. | recommandé |
| Context7 | MCP | Docs de bibliothèques à jour directement dans le contexte — élimine les solutions obsolètes et dépréciées. ~54k★ (approx). | indispensable |
| ast-grep + skill | CLI + Skill | Recherche structurelle sur l'AST, pas sur le texte : « trouve tous les async sans gestion d'erreur. » | recommandé |
| skill-creator | Skill | Créez vos propres skills — transformez un travail répétitif en harness réutilisable (skill #7). | recommandé |
Automatisation navigateur
Laissez l'agent piloter un vrai navigateur pour la navigation, les vérifications et les tests E2E.
| Outil | Type | Ce qu'il apporte | Priorité |
|---|---|---|---|
| axi | App / Browser | Navigateur rapide conçu pour les agents, économise les tokens. | recommandé |
| dev-browser | Tool | Environnement navigateur pour le développement piloté par agent. | optionnel |
| Playwright MCP | MCP | Contrôle navigateur agentique : navigation, clics, vérifications UI, E2E. | recommandé |
Produit
La couche produit/marketing qui alimente le travail transversal L7.
| Outil | Type | Ce qu'il apporte | Priorité |
|---|---|---|---|
| marketingskills | Skills | CRO, copywriting, SEO, analytics, croissance — la couche product-marketing pour L7. | recommandé |
| premortem-skill (by ProCoders) | Skill | Teste la robustesse d'un plan ou d'une décision : « supposons que nous ayons échoué » → identifie les causes d'échec en amont (skill #5). | recommandé |
Design
Du PRD à la mise en page, avec accès agent aux fichiers de design.
| Outil | Type | Ce qu'il apporte | Priorité |
|---|---|---|---|
| Claude.ai/design | App | Préparation design très efficace : PRD → mise en page complète ; restylage et amélioration d'apps existantes. | recommandé (fortement) |
| Figma MCP | MCP | Accès agent à Figma : lecture/assemblage de maquettes, design tokens. | recommandé |
| OpenDesign | Tool | Boîte à outils de design ouverte pour l'UI/UX agentique. | optionnel |
SEO / GEO
Faites écrire à l'agent pour les moteurs de recherche classiques et les moteurs de réponse IA.
| Outil | Type | Ce qu'il apporte | Priorité |
|---|---|---|---|
| claude-seo | Skill | Optimisation SEO adaptée à Claude — plus précise et plus complète. | indispensable |
| geo-seo-claude | Skill | GEO/SEO comme alternative plus douce à claude-seo. | optionnel |
| DataForSEO MCP | MCP | Données SEO réelles (classements, mots-clés, SERPs) dans le contexte de l'agent. | recommandé |
Anti-écriture IA
Éliminez les marqueurs typiques de l'IA dans les textes générés avant publication.
| Outil | Type | Ce qu'il apporte | Priorité |
|---|---|---|---|
| humanizer | Skill | Supprime les marqueurs d'écriture IA (33 patterns). L'un des plus populaires — ~24k★ (approx). | recommandé |
| avoid-ai-writing | Skill | Une solide alternative — fonctionne vraiment, même si moins médiatisée. | optionnel |
Saisie / vocal en premier (dictée)
La voix plutôt que le clavier. Taper est un gouffre de temps caché que la plupart ignorent. Le pattern idéal : le développeur dicte le ticket, la demande ou son flux de pensée, et l'IA l'organise et le structure. C'est plus rapide, et ça supprime le frein « trop flemme pour tout écrire ». Cela renforce directement l'idée L7 du directeur, pas du codeur : la voix est l'interface naturelle pour l'orchestration.
| Outil | Type | Ce qu'il apporte | Priorité |
|---|---|---|---|
| superwhisper | App | Dictée avec modèles hors ligne, gratuit en mode offline. Choix personnel. | recommandé |
| handy | App | Dictée gratuite. | recommandé |
| Apple Dictation | App (built in) | Dictée macOS native, mais qualité basique. | optionnel |
Le vocal en premier est obligatoire dès L3
Ce n'est pas un bonus agréable. Le KPI : ≥80% des demandes longues et des tickets sont dictés, pas tapés. Et cela devient obligatoire au niveau Middle (L3) — à ce stade, la dictée fait gagner trop de temps pour rester optionnelle. Dicter un flux de pensée brut et laisser l'agent le structurer est plus rapide que de taper proprement, et c'est la façon la plus naturelle de piloter une flotte d'agents.
Lacunes en cours de comblement (candidats à la stack)
Après analyse des leaders, ces outils comblent une vraie lacune plutôt que de gonfler la stack :
| Outil | Type | Statut | Pourquoi |
|---|---|---|---|
| Supabase / Postgres MCP | MCP | retenu | L'agent écrit et exécute du SQL, lit le résultat — pour les projets avec base de données (skill #2). Fonctionne bien dans la plupart des cas. |
| Sentry / logs MCP | MCP | souhaitable | Accès aux erreurs et logs de prod/staging — « du bac à sable au correctif » pour le débogage systématique et la vérification (skills #9, #15). |
| tdd-guard | Skill / Hook | recommandé | Enforcement TDD strict : bloque le code sans test en échec (skill #9). Complète Superpowers. |
| — | non nécessaire | PRs/issues/travail repo sont couverts par le GitHub CLI (gh) — un MCP séparé n'est pas requis. |
Nous maintenons volontairement la liste des candidats courte : nous n'ajoutons un MCP ou un skill que pour une vraie lacune, jamais « au cas où ».
Le paysage plus large (leaders par adoption)
Indépendamment de notre stack opinionée ci-dessus, voici le paysage OSS plus large dont nous nous inspirons — les outils les plus étoilés et les plus matures qui correspondent à notre système de compétences. Les étoiles sont approximatives et évoluent ; considérez-les comme un signal de maturité, pas un classement. Principe de sélection : officiel d'abord (Anthropic + nos propres procoders/*), puis leaders par adoption, en vérifiant toujours la compatibilité avec notre stack avant intégration.
Frameworks de base (à installer en premier).
- obra/superpowers (~225k★ approx) — le framework principal de skills agentiques : TDD, planification, brainstorming, débogage, vérification, revue de code, sous-agents, worktrees. Dans la marketplace officielle d'Anthropic. github
- anthropics/claude-code-skills (officiel) — index officiel et validé de skills Anthropic (brainstorming, test-driven-development, systematic-debugging). La référence qualité. github
Orchestration / sous-agents / worktrees.
- ruvnet/ruflo (ex claude-flow, ~59k★ approx) — meta-harness pour essaims d'agents : coordination de swarm, mémoire, workflows autonomes sur Claude Code. Le projet OSS multi-agents le plus adopté de 2026. github
- wshobson/agents (~37k★ approx) — 192 sous-agents spécialisés sur 84 plugins (chercheur, revieweur, testeur, sécurité, etc.). Une marketplace multi-harness. github
- affaan-m/ecc (v2, MIT) — système d'opérateurs natifs au harness : une famille d'orchestrateurs orch-*, des dizaines de sous-agents, skills réutilisables, hooks et mémoire persistante sur Claude Code, Codex, Opencode et Cursor. Nous recommandons la ligne v2, connectée à sa couche opérateur Hermes. github
Vérification / revue.
- nizos/tdd-guard (populaire) — enforcement TDD automatique : bloque l'écriture de code sans test en échec. Compatible Claude Code, Codex, Copilot, tous langages/runners. github
- Anthropic Code Review (plugin officiel) —
/code-reviewsur une branche PR : analyse les changements, évalue les problèmes, commente automatiquement sur GitHub. claude.com/plugins/code-review
Planification / recherche.
- superpowers
brainstorming/writing-plans(~225k★ approx) — le cycle pré-implémentation structuré : contexte de recherche, plan, risques. github - procoders/premortem-skill (le nôtre) — test de robustesse du plan : « supposons que nous ayons échoué » → causes d'échec identifiées en avance. Claude/Codex/Cursor. github
- Deep-Research-skills / DAG deep research (OSS) — décompose une question en graphe de dépendances, exécute des sous-agents en parallèle, rédige un rapport sourcé. github
Artefacts / démo.
- Anthropic built-in
pptx/docx/xlsx/pdf(officiel) — génère des artefacts finis (présentations, docs, tableurs, PDFs) directement depuis l'agent. - procoders/claude-ui-recorder (le nôtre) — démo vidéo UI brandée : enregistrement → narration → rendu →
demo.mp4. github - Remotion skills (OSS) — génération vidéo programmatique depuis le code.
npx skills add remotion-dev/skills. remotion.dev - NotebookLM (Google) — synthèse audio narrée / rapport interactif à partir de vos documents.
Listes curées (pour trouver les vôtres). hesreallyhim/awesome-claude-code (~37k★ approx), rohitg00/awesome-claude-code-toolkit (135 agents, 35 skills, 176+ plugins), travisvn/awesome-claude-skills, ComposioHQ/awesome-claude-skills.
Par où commencer
Vous n'installez pas tout d'un coup — vous ajoutez des outils en montant les niveaux. Le minimum pour être agentique, c'est la ligne Coding plus le vocal en premier ; tout le reste s'intègre au fur et à mesure que votre niveau le demande. Trouvez votre niveau en 3 minutes et vous saurez exactement quelles lignes de cette stack vous devriez activer ensuite.
FAQ
- Quelle est la stack minimale pour démarrer ?
- La ligne Coding plus la saisie vocale. Concrètement : Superpowers (le framework agentique) et Context7 (docs de bibliothèques à jour dans le contexte), pilotés par la dictée (superwhisper ou handy) plutôt que la frappe. Cela vous donne une vraie boucle agentique — planifier, construire, vérifier — avec des docs récentes et une méthode de saisie rapide. Tout le reste (automatisation navigateur, design, SEO, le paysage plus large) s'ajoute selon votre niveau et les besoins du projet. N'installez pas tout le premier jour ; ajoutez un outil seulement quand une compétence l'exige.
- Skill, MCP, plugin, app — quelle est la différence ?
- Un Skill est une capacité packagée qui enseigne à l'agent un workflow (ex. claude-seo, humanizer, skill-creator). Un MCP est un serveur Model Context Protocol qui connecte l'agent à une source de données ou un outil en direct (ex. Context7 pour les docs, Figma MCP, DataForSEO MCP, Supabase/Postgres MCP). Un Plugin regroupe des skills et une configuration dans une unité installable (ex. Superpowers, Superpowers-V). Une App est un produit autonome fini que vous faites tourner en parallèle de l'agent (ex. superwhisper, axi, Claude.ai/design). Dans cette stack, la colonne Type de chaque outil vous indique de quoi il s'agit.
- Ai-je besoin de tous ces outils ?
- Non. C'est un menu assumé organisé par étape produit et priorité, pas une checklist. Les éléments indispensables (Superpowers, Context7, claude-seo) forment le cœur ; les éléments recommandés et optionnels s'ajoutent selon les besoins. Vous intégrez des outils en montant les niveaux — un développeur de niveau 3 a besoin du cœur coding et du vocal en premier ; l'automatisation navigateur, le design et l'orchestration multi-agents deviennent pertinents au niveau 4 et au-delà. Ajoutez un MCP ou un skill pour une vraie lacune, jamais « au cas où ».
- En quoi cette page diffère-t-elle de votre page « meilleurs outils IA de coding » ?
- Cette page est la stack pratique que ProCoders installe et fait tourner réellement, organisée selon la place de chaque outil dans le cycle produit, avec types et priorités. L'analyse approfondie des outils de coding par niveau sur /agentic-coding-tools est un inventaire plus large et classé d'agents de coding correspondant aux niveaux de maturité. Pensez à celle-ci comme notre recommandation interne et à l'autre comme le tour d'horizon du marché. Elles se complètent.
- Pourquoi la dictée est-elle obligatoire dès le niveau 3 ?
- Taper est un gouffre de temps caché, et dès le niveau Middle (L3) le gain est trop important pour rester optionnel. Le pattern : dictez le ticket, la demande ou votre flux de pensée et laissez l'agent le structurer — plus rapide que de le taper proprement, et cela supprime le frein « trop flemme pour tout rédiger ». Le KPI est ≥80% des demandes longues et des tickets dictés plutôt que tapés. C'est aussi l'interface naturelle pour le mode de travail L7 « directeur, pas codeur » : la voix est la façon dont on orchestre une flotte d'agents. Outils : superwhisper ou handy.