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

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

Recommend Servers

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

Tavily Mcp

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

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

ChatWiseThe second fastest AI chatbot™

Visual Studio Code - Open Source ("Code - OSS")Visual Studio Code

Playwright McpPlaywright MCP server

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"

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

Y GuiA web-based graphical interface for AI chat interactions with support for multiple AI models and MCP (Model Context Protocol) servers.