- Storybook Mcp Server
Storybook Mcp Server
Apify-hosted MCP server for Storybook. Browse components, inspect props, read stories, capture screenshots. Supports Storybook 6/7/8.
Overview
Storybook MCP Server
An Apify-hosted MCP connector that connects AI assistants (Claude, ChatGPT, Cursor, n8n) to any Storybook instance for component discovery, inspection, and visual testing.
Features
- 6 tools for component discovery, story management, and visual testing
- Component browsing — list all components in a Storybook library
- Story inspection — detailed metadata including props, args, and configuration
- Screenshots — single and batch screenshot capture for visual review
- Responsive testing — capture stories across multiple viewport dimensions
- Broad compatibility — works with Storybook 6, 7, and 8 (React, Vue, Angular, Web Components)
Use Cases
- Browse and index all components in a design system
- Retrieve component metadata for documentation or automated code analysis
- Capture screenshots for visual regression testing baselines
- Run responsive testing across viewport dimensions
- Expose Storybook content to AI assistants for interactive QA workflows
Setup
Requires a URL to a running Storybook instance. Runs on Apify infrastructure — no local server setup needed.
Server Config
{
"mcpServers": {
"storybook-mcp-server": {
"command": "npx",
"args": [
"-y",
"@apify/actors-mcp-server"
],
"env": {
"APIFY_TOKEN": "<YOUR_APIFY_TOKEN>",
"actors": "minute_contest/storybook-mcp-server"
}
}
}
}Project Info
Created At
2 months agoUpdated At
2 months agoAuthor Name
minute_contestStar
-Language
-License
-Recommend Servers
View AllTest
@modelcontextprotocol
test
6 months ago
mcp-server-flomo MCP Server
@chatmcp
Write notes to Flomo
JavaScript
a year ago
Mcp Server Chatsum
@chatmcp
summarize chat message
typescript
a year ago
Filesystem
@modelcontextprotocol
2 months ago