Storybook Mcp Server

Created By
minute_contest2 months ago
Apify-hosted MCP server for Storybook. Browse components, inspect props, read stories, capture screenshots. Supports Storybook 6/7/8.
Overview

Storybook MCP Server

An Apify-hosted MCP connector that connects AI assistants (Claude, ChatGPT, Cursor, n8n) to any Storybook instance for component discovery, inspection, and visual testing.

Features

  • 6 tools for component discovery, story management, and visual testing
  • Component browsing — list all components in a Storybook library
  • Story inspection — detailed metadata including props, args, and configuration
  • Screenshots — single and batch screenshot capture for visual review
  • Responsive testing — capture stories across multiple viewport dimensions
  • Broad compatibility — works with Storybook 6, 7, and 8 (React, Vue, Angular, Web Components)

Use Cases

  • Browse and index all components in a design system
  • Retrieve component metadata for documentation or automated code analysis
  • Capture screenshots for visual regression testing baselines
  • Run responsive testing across viewport dimensions
  • Expose Storybook content to AI assistants for interactive QA workflows

Setup

Requires a URL to a running Storybook instance. Runs on Apify infrastructure — no local server setup needed.

View on Apify Store

Server Config

{
  "mcpServers": {
    "storybook-mcp-server": {
      "command": "npx",
      "args": [
        "-y",
        "@apify/actors-mcp-server"
      ],
      "env": {
        "APIFY_TOKEN": "<YOUR_APIFY_TOKEN>",
        "actors": "minute_contest/storybook-mcp-server"
      }
    }
  }
}
Project Info
Created At
2 months ago
Updated At
2 months ago
Author Name
minute_contest
Star
-
Language
-
License
-
Category

Recommend Servers

View All