Storybook MCP Server

Betadevelopment

★65 starsTypeScriptcommunity

About

Overview

The Storybook MCP Server enables AI agents to interact with Storybook component libraries. It provides tools for listing stories, viewing component props and documentation, and taking screenshots of component states. Useful for understanding existing UI components when building features.

Capabilities

Tools & Capabilities

⚡list_stories

List all stories in the Storybook

⚡get_story

Get a story's source and args

⚡screenshot_story

Take a screenshot of a story

⚡get_component_docs

Get component documentation and props

Setup

Installation

bash

Install

npx -y mcp-server-storybook

Examples

Example Usage

javascript

Usage

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

Quick Info

Authorcommunity

LanguageTypeScript

StatusBeta

Stars★ 65

Last UpdatedFeb 12, 2026