@storybook/mcp

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

Connector Documents & Content Usable

Works inClaude Code Claude Cowork Claude Chat

Usable 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

264 starsMIT (commercial OK)FreeNo code needed

Usable rating — This tool is functional but has notable gaps. Review the evaluation notes below before deploying.

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

Stars264Last updated2026-07-22LicenseMIT (OK for commercial use)Weekly downloads1,930,320Known CVEsNone foundSources: GitHub Advisory Database + OSV.dev · Scanned 2026-07-23 · scanner v1

Data & Access

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

Community Pulse New

Storybook: AI MCP — Hacker News · 1 pts

1 mentions across 1 sources

Reviewer notes

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

Scored from trust signals (evidence-eval-v1): 264 GitHub stars; contributors unknown; last commit 1d 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

3/5

Versatility

3/5

Reliability

3/5

Security

3/5

Overall score3.00 / 5.00 UsableEvaluatedJul 2026

Scored from trust signals (evidence-eval-v1): 264 GitHub stars; contributors unknown; last commit 1d ago; license MIT.

← Back to the Claude Observatory