Storybook MCP Server

MCPOpen SourceMIT37.0

by m-yoshiro • Frontend & UI

An MCP server that exposes Storybook component metadata and stories to AI agents to help map Figma designs to usable UI components.

Example Use Cases

1
Find matching Storybook components for elements in a Figma design by name or keyword.
2
List available components and inspect variants and usage examples to generate JSX or implementation guidance.
3
Pull Storybook metadata from a static export (index.json/stories.json) to recommend components and fill in properties for UI generation.

Description

This project loads Storybook static exports (index.json/stories.json) and exposes MCP tools so agents can list components, search by name, retrieve variants, and fetch usage examples. It is intended to help AI tools and designers discover and reuse Storybook components when implementing Figma designs, accelerating frontend development. The README notes this is a testing tool and not recommended for production use.

Quick Actions

View on GitHub

Security

Scanned 3 month(s) ago

Risk Level

MINIMAL

Read-only data retrieval, no side effects

Trust Score

D45/100

8/17 checks passed

Scores are informational only and provided “as is” without warranty. AgentHotspot assumes no liability for actions taken based on these ratings.

Quick Stats

Service TypeMCP

Pricing ModelFree

Capabilities0 Tools / 0 Prompts / 0 Resources

Ownerm-yoshiro

CategoryFrontend & UI

DependenciesStandalone