
Aperçu Storybook Simple
Interface UIpar matipojo
Rendez les aperçus de composants Storybook directement dans votre IDE pendant que l'IA les modifie, éliminant ainsi le changement de fenêtre.
Ce que cela fait
Cette application MCP rend les aperçus de composants Storybook en direct à l'intérieur de l'IDE. Elle permet aux développeurs de voir l'impact visuel immédiat des modifications de composants pilotées par l'IA sans quitter leur environnement de codage.
Caractéristiques clés
- Aperçus IDE en direct : Les rendus de composants apparaissent automatiquement dès que l'IA modifie le code.
- Zéro changement de fenêtre : Élimine le besoin de basculer entre l'IDE et un onglet de navigateur.
- Mappage d'ID Story : Dérive intelligemment les ID de Story à partir de la structure des fichiers du projet.
- Mode Débogage : Panneau de journal de débogage intégré pour le dépannage des problèmes de rendu.
Installation
- Cursor : Ajoutez ce qui suit à
.cursor/mcp.json:
{
"mcpServers": {
"storybook-preview": {
"command": "npx",
"args": ["-y", "simple-storybook-preview-mcp"],
"env": {
"STORYBOOK_URL": "http://localhost:6006"
}
}
}
}
Hôtes supportés
- cursor
Installation rapide
npx -y simple-storybook-preview-mcpInformations
- Tarification
- free
- Publié
- 5/16/2026
- étoiles






