Simple Storybook Preview - MCP App for ChatGPT, Claude & AI Assistants | MCP App Store

Back to Apps

Simple Storybook Preview

Name: Simple Storybook Preview
Availability: InStock
Author: matipojo

Supports UI

by matipojo

Render Storybook component previews directly inside your IDE as AI edits them, eliminating window switching.

0 stars

0 views

Works in:Cursor

Exposes:ResourcesTools

View on GitHub Watch demo Docs

What it does

This MCP App renders Storybook component previews live inside the IDE. It allows developers to see the immediate visual impact of AI-driven component edits without leaving their coding environment.

Key features

Live IDE Previews: Component renders appear automatically as the AI modifies the code.
Zero Window Switching: Eliminates the need to toggle between the IDE and a browser tab.
Story ID Mapping: Intelligently derives Story IDs from the project file structure.
Debug Mode: Integrated debug log panel for troubleshooting rendering issues.

Installation

Cursor: Add the following to .cursor/mcp.json:

{
  "mcpServers": {
    "storybook-preview": {
      "command": "npx",
      "args": ["-y", "simple-storybook-preview-mcp"],
      "env": {
        "STORYBOOK_URL": "http://localhost:6006"
      }
    }
  }
}