@storybook/mcp

Name: @storybook/mcp Review
Item: @storybook/mcp
Rating: 4.5
Author: Aaron Matthews

Connector Documents & Content Recommended

Works inClaude Code Claude Cowork Claude Chat

Recommended Scanned — metadata only

Reduces context switching and documentation drift by making component knowledge queryable via Claude, enabling faster design system adoption and reducing onb…

MCP server that serves knowledge about your components based on your Storybook stories and documentation

Ask Claude to summarize component APIs by referencing your Storybook stories and docs
Generate accurate code examples for components by pulling from your Storybook documentation
Find which components support specific props or features across your entire component library

91,333 starsMIT (commercial OK)FreeNo code needed

Why it matters

Reduces context switching and documentation drift by making component knowledge queryable via Claude, enabling faster design system adoption and reducing onboarding time for new team members integrating components.

Best for

Frontend teams maintaining shared component libraries who need rapid component lookup and usage guidance without leaving their development environment.

Works in

Claude Code Claude Cowork Claude Chat

Source

https://www.npmjs.com/package/@storybook/mcp

By GitHub Actions

How to Get It

Option 1: Claude Desktop AppOpen the Customize panel in the sidebar → browse connectors → search and add. Works in Claude Code, Claude Cowork, and Claude Chat.

Option 2: Paste into Claude CodeCopy the command below and paste it into a Claude Code conversation. Claude will run it for you.

Command

npx -y @storybook/mcp

Tip: Paste this into a Claude Code conversation. Verify command matches your Claude Code version.

Auto-generated from the tool's public listing — not hands-on verified. Cross-check against the source repo's README before running.

First thing to try

Once it’s connected, paste this into Claude:

Summarize component APIs by referencing my Storybook stories and docs

CostFree

Trust Signals Auto-scanned

Stars91,333Contributors2827Last updated2026-10-21LicenseMIT (OK for commercial use)Weekly downloads1,130,743Known CVEsNone foundSources: GitHub Advisory Database + OSV.dev · Scanned 2026-10-21 · scanner vattempted-no-data

Data & Access

Data processingPrompts sent to Anthropic API. Enterprise/Team plans exclude training.

Community Pulse Active

Discussed on Hacker News

Storybook: AI MCP — Hacker News · 1 pts

1 mentions across 1 sources

Reviewer notes

Auto-scanned review. These are observations, not a security certification.

catalog_hygiene stale-eval refresh: Scored from trust signals (evidence-eval-v1): 91,240 GitHub stars; 2801 contributors; last commit 10d ago; license MIT.

Things to check

Scanned, not hands-on tested — this entry was auto-scanned from public metadata (GitHub metrics, license, security flags). No reviewer has run it, and no tool-specific limitations have been documented yet.

How to evaluate tools before deploying →

Data shown here comes from public APIs and automated scanning. Reviewer notes reflect one person's experience. This is not a security certification or legal recommendation. Always evaluate tools according to your own organization's policies.

Evaluation Scores

Evaluation

Ease of Use

4/5

Versatility

5/5

Reliability

5/5

Security

4/5

Overall score4.50 / 5.00 RecommendedEvaluatedOct 2026

catalog_hygiene stale-eval refresh: Scored from trust signals (evidence-eval-v1): 91,240 GitHub stars; 2801 contributors; last commit 10d ago; license MIT.

← Back to the Claude Observatory