Storybook Mcp Server

Created By

minute_contest4 months ago

Apify-hosted MCP server for Storybook. Browse components, inspect props, read stories, capture screenshots. Supports Storybook 6/7/8.

# storybook

# ui-components

Overview Content Tools Comments

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

Try in Playground

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

4 months ago

Updated At

4 months ago

Author Name

minute_contest

Star

Language

License

Recommend Servers

10 days ago

10 days ago

@modelcontextprotocol

A Model Context Protocol server that provides access to Redis databases. This server enables LLMs to interact with Redis key-value stores through a set of standardized tools.

a year ago

Github

@modelcontextprotocol

Repository management, file operations, and GitHub API integration

a year ago

I Ching Hexagram Mcp

@Network-Ideas LLC

Public, read-only MCP over the complete 64-hexagram I Ching corpus — hexagrams, trigrams, changing lines, and reading context from an original English translation. Deterministic lookup only; no casting or divination.

10 days ago

Bucket Feature Flags MCP Server

@bucketco

Flag features directly from chat in your code editor, including VS Code, Cursor, Windsurf, Claude Code—any IDE with MCP support.

a year ago

Luxembourg Payments Mcp

10 days ago

10 days ago