S
Storybook
Query Storybook stories and args.
·No reviews yet
Share:
About
Auto-generated
Storybook is a Model Context Protocol server in the Design category. It lets AI assistants that speak MCP call its tools and read its resources over STDIO.
Example tools
Illustrative tool names — the actual tool set is defined by the server at runtime.
list_resources
Enumerate resources exposed by this MCP
get_resource
Fetch a resource by ID
invoke
Invoke the primary action of this MCP
Screenshots
No screenshots yet.
Frequently Asked Questions
Common questions about Storybook.
- What does the Storybook MCP enable?
- The Storybook MCP allows you to query existing Storybook stories and their arguments. This is useful for integrating Storybook workflows into other tools and for programmatic access to component information.
- How can I access Storybook stories and args?
- You can query Storybook stories and their arguments directly through the MCP's exposed capabilities. This involves making requests that specify the stories or components you wish to inspect.
- Does the Storybook MCP require authentication?
- No, the Storybook MCP does not require any API keys, OAuth, or other credentials as per its configuration. It operates with an 'none' authentication type.
- How do I install the Storybook MCP in a client like Claude Desktop?
- Installation in a client like Claude Desktop typically involves adding the MCP's slug or repository information to the client's configuration. Specific steps depend on the client's interface for adding new MCPs.
- Is there a cost associated with using the Storybook MCP?
- The Storybook MCP itself is community-provided and open source, meaning there is no direct cost for the MCP. Costs may be associated with the underlying Storybook instance or development environment.
- What is a prerequisite for using the Storybook MCP?
- A key prerequisite for using this MCP is having an existing Storybook instance running or a Storybook project configured with stories to query. The MCP relies on an operational Storybook environment.
Install Storybook
Claude Desktop
Add this to claude_desktop_config.json.
{
"mcpServers": {
"storybook": {
"command": "npx",
"args": [
"-y",
"@modelcontextprotocol/server-storybook"
]
}
}
}Cursor
Add this to ~/.cursor/mcp.json.
{
"mcpServers": {
"storybook": {
"command": "npx",
"args": [
"-y",
"@modelcontextprotocol/server-storybook"
]
}
}
}VS Code
Add this to your workspace settings.json.
{
"mcp.servers": {
"storybook": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"@modelcontextprotocol/server-storybook"
]
}
}
}Reviews
Sign in to leave a review.
No reviews yet. Be the first!
Discussion(0)
No comments yet.