ai-native?

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.
GitHub MCP 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-review sur 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.

Guides associés

Où vous situez-vous ?