Install Storybook in Claude Code
This server doesn't publish a package to a registry, so follow the install steps in its README. Once it runs, register it with Claude Code:
claude mcp add storybook -- <command to start the server>Frequently asked questions
What does the Storybook MCP server do?
Helps agents write and test Storybook stories for UI components.
Is the Storybook MCP server free?
Yes, most likely. Open source and no paid account or API key is mentioned in the listing. Check the provider for current pricing.
Does Storybook run locally or remotely?
Local. Runs on your machine (stdio). You install it with npx, uvx, Docker or from source.
How do I add Storybook to Claude Code?
Follow the install steps in the project's README at https://github.com/storybookjs/storybook/tree/next/code/addons/mcp, then register it with "claude mcp add".
More developer tools MCP servers
View allFront-End Checklist
thedaviddias/Front-End-Checklist
Review frontend code and live pages against 386 quality-gated web development rules.
Everything
modelcontextprotocol/everything
Reference / test server with prompts, resources, and tools.
Codebase Memory
DeusData/codebase-memory-mcp
Indexes a repo into a persistent local knowledge graph of functions, classes, call chains, HTTP routes and cross-service links, using tree-sitter and LSP.
Posthog
PostHog/posthog/mcp
Interact with PostHog analytics, feature flags, error tracking and more.
Figma Context
GLips/Figma-Context-MCP
Gives coding agents direct access to Figma data to implement designs in one shot.
Claude Task Master
eyaltoledano/claude-task-master
Task management for AI-driven development: PRD parsing, task expansion, multi-provider support and selective tool loading to save context.