storybook-mcp-serverSAFE
MCP server for Storybook - provides AI assistants access to components, stories, properties and screenshots. Built with TypeScript and Model Context Protocol SDK.
Overview
From the repository's own README, as read at the audited commit. Badges and raw HTML are left out.
[](https://www.gnu.org/licenses/agpl-3.0) [](https://www.typescriptlang.org/) [](https://modelcontextprotocol.io) [](https://storybook.js.org/) [](https://pptr.dev/) [](https://nodejs.org/)
A TypeScript MCP (Model Context Protocol) server that provides comprehensive access to Storybook instances. This server enables AI assistants to interact with Storybook components, stories, and capture screenshots.
The server can connect to any running Storybook instance - whether it's your local development server, a deployed production Storybook, or even public component libraries.
Features
Component Discovery
Browse and list all components in your Storybook instance.
Example:
"What components are available in my Storybook?"
Claude's response:
I found 3 components in your Storybook: - Button (5 stories) - Card (3 stories) - Modal (2 stories)
Story Management
Access all stories with filtering by component.
Example:
"Show me all the Button stories"
Claude's response:
The Button component has 3 stories: - Primary - Default primary button style - Secondary - Secondary button variant - Disabled - Button in disabled state
Detailed Inspection
Get complete story information including parameters, args, and prop definitions.
Example:
"What props does the Button component accept?"
Claude's response:
The Button component accepts the following props: | Prop | Type | Description | Default | |------|------|-------------|------
41c27e100389OBSERVED · 2026-10-12Connect
Built from this server's own package name, version and transport as found in its source — not copied from anyone's documentation, so it cannot drift against a page we do not control.
claude mcp add storybook-mcp-server -- npx -y [email protected]
{
"mcpServers": {
"storybook-mcp-server": {
"command": "npx",
"args": [
"-y",
"[email protected]"
]
}
}
}Exposed tools (6)
6 read · 0 write · 0 destructive.
| Tool | Risk | Description |
|---|---|---|
storybook_capture_all_screenshots | read | Capture screenshots of all stories |
storybook_capture_screenshot | read | Capture a screenshot of a specific story |
storybook_get_component_props | read | Get the props/properties definition for a component |
storybook_get_story_details | read | Get detailed information about a specific story |
storybook_list_components | read | List all components available in the Storybook instance |
storybook_list_stories | read | List all stories, optionally filtered by component |
Trust audit
SAFEgrade B · trust 89/100 Nothing in the source contradicts what it says it does. Grade A is reserved for packages that have also passed the behavioural sandbox.
| Layer | What it checks | Result |
|---|---|---|
| L0 | Provenance & inventory | PASS |
| L1 | Static analysis of the code | PASS |
| L2 | Instruction surface (what it tells the agent) | PASS |
| L3 | Class-specific surface | PASS |
| L4 | Behavioural (sandbox) | SKIPPED |
What the source does
- Filesystem
- none-observed
- Network
- declared (4 observation(s))
- Shell
- none-observed
- Dependencies
- not all pinned
- Secrets in source
- none-found
Findings (2)
@modelcontextprotocol/sdk, puppeteer, axios, yargs, winston, @types/node, @types/yargs, @typescript-eslint/eslint-plugin
logs/combined.log
Gates applied: no_behavioural_pass.
41c27e100389full audit observations/trust-audit/mcp-server/stefanoamorelli__storybook-mcp-server.json · Report an issue / request a re-scanAudit history
Every audit this server has had. A grade with a past is a grade somebody is still checking.
| Date | Source | Verdict | Grade | Score | Change |
|---|---|---|---|---|---|
| 2026-10-12 | 41c27e100389 | SAFE | B | 89 | first audit |
Questions
What is the storybook-mcp-server MCP server?
MCP server for Storybook - provides AI assistants access to components, stories, properties and screenshots. Built with TypeScript and Model Context Protocol SDK.
What tools does storybook-mcp-server expose?
6 in total: 6 read-only, 0 that write, and 0 that can delete or overwrite. Every one is listed on this page with its risk.
Is storybook-mcp-server safe to connect to an agent?
The audit found nothing in the source that contradicts what it says it does, and graded it B (89/100). Grade A is held back for packages that have also passed a sandboxed behavioural run, which is why a clean server reads B.
What credentials does storybook-mcp-server need?
No credential environment variables were found in its source, so it appears to need none.
How does storybook-mcp-server run?
It speaks stdio, so it runs as a local process your client starts. It is published on npm as storybook-mcp-server at 0.1.3.
How current is this page?
The grade is for one exact copy of the source (41c27e100389), read on 2026-10-12. The repository is watched and re-audited when it changes.