Storybook Mcp Server

Created By

minute_contesta month 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

Content

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"
      }
    }
  }
}

Recommend Servers

TraeBuild with Free GPT-4.1 & Claude 3.7. Fully MCP-Ready.

Zhipu Web SearchZhipu Web Search MCP Server is a search engine specifically designed for large models. It integrates four search engines, allowing users to flexibly compare and switch between them. Building upon the web crawling and ranking capabilities of traditional search engines, it enhances intent recognition capabilities, returning results more suitable for large model processing (such as webpage titles, URLs, summaries, site names, site icons, etc.). This helps AI applications achieve "dynamic knowledge acquisition" and "precise scenario adaptation" capabilities.

MCP AdvisorMCP Advisor & Installation - Use the right MCP server for your needs

CursorThe AI Code Editor

BlenderBlenderMCP connects Blender to Claude AI through the Model Context Protocol (MCP), allowing Claude to directly interact with and control Blender. This integration enables prompt assisted 3D modeling, scene creation, and manipulation.

Serper MCP ServerA Serper MCP Server

AiimagemultistyleA Model Context Protocol (MCP) server for image generation and manipulation using fal.ai's Stable Diffusion model.

Howtocook Mcp基于Anduin2017 / HowToCook （程序员在家做饭指南）的mcp server，帮你推荐菜谱、规划膳食，解决“今天吃什么“的世纪难题； Based on Anduin2017/HowToCook (Programmer's Guide to Cooking at Home), MCP Server helps you recommend recipes, plan meals, and solve the century old problem of "what to eat today"

EdgeOne Pages MCPAn MCP service designed for deploying HTML content to EdgeOne Pages and obtaining an accessible public URL.

Jina AI MCP ToolsA Model Context Protocol (MCP) server that integrates with Jina AI Search Foundation APIs.

Playwright McpPlaywright MCP server