Storybook MCP
Serveur MCP officiel Storybook (toolsets Dev et Test pour tout projet Storybook, toolset Docs pour React, Angular et Vue ; lancé 23 mars 2026, intégré à Storybook 10.3, package `@storybook/mcp` 0.7.0 le 14 avril 2026 ; depuis Storybook 10.6.0, le 2 septembre 2026, le code vit dans le dépôt principal et `@storybook/mcp` suit la version de Storybook, 10.6.5 au 27 octobre, le dépôt storybookjs/mcp étant archivé en lecture seule). Expose composants, props, stories, MDX docs et tests A11y/interaction à tout agent (Claude Code, Cursor, v0). Trois toolsets : Dev (afficher l'UI dans tous les états via stories live), Docs (retrouver et réutiliser composants), Test (guardrails A11y + interaction pour boucle d'auto-correction).
Forces
- Officiel Storybook + Chromatic, pas de risque d'abandon, roadmap publique sur GitHub
- Live story previews dans le chat de l'agent : voir le composant rendu pendant la conversation
- Test toolset exécute A11y + interaction tests en streaming, boucle d'auto-correction sans context switch
- Storybook Composition supporté : compose plusieurs Storybooks (DS principal + features) en un seul MCP endpoint
Limites
- Statut Preview selon la doc officielle : l'API peut changer dans les prochaines versions
- Outil Docs réservé aux projets qui génèrent un manifeste de composants : React, Angular (Vite) et Vue 3 (Vite, docgen expérimental) ; les outils Dev et Test n'ont aucune contrainte de framework
Pour qui
- Équipe avec Storybook en place qui veut ouvrir Claude Code/Cursor sans laisser les agents inventer des composants
- Design system manager cherchant à exposer le DS comme service consommable par tous les agents (pas juste Claude)