Aperçu Storybook Simple

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