What is storybook?
storybook is a MCP server by storybookjs that helps agents write and test Storybook stories for UI components. It is listed under Developer tools and has 91,322 GitHub stars.
| Type | Mcp server |
|---|---|
| Author | storybookjs |
| Repository | storybookjs/storybook |
| Popularity | 91,322 GitHub stars |
| Category | Developer tools |
| Security | Low risk (84/100) |
| Rank | #8 of 4,418 MCP servers; #3 in Developer tools |
| License | MIT |
| Last commit | 2026-10-18 |
| Stars this week | +81 |
| Runs | Locally |
| Language | TypeScript |
Is storybook safe to install?
storybook scores 84/100 on the MCPMods security check: Low risk. Things to review: can take actions such as send, write or deploy. It passed 4 of 6 checks.
MCP server results come from listing signals: who publishes it, where your data goes and what it can do. The code itself is not scanned yet.
| Check | Result |
|---|---|
| Community-built server | Note |
| Runs on your machine only | Pass |
| No credentials mentioned | Pass |
| Can take actions such as send, write or deploy | Review |
| No code execution | Pass |
| Source on GitHub | Pass |
How do I install storybook?
- Find the launch command. The README says how the server starts (npx, uvx, docker or a remote URL) and which API keys it needs.
https://github.com/storybookjs/storybook/tree/next/code/addons/mcp
- Add it to Claude Code. Replace the part after -- with the command from the README. Remote servers use --transport http with a URL.
claude mcp add storybook -- <command from README> claude mcp add --transport http storybook <server-url>
- Check it connected. This lists your MCP servers and their status.
claude mcp list
Or ask Claude to set it up
Paste this into Claude Code and it installs storybook for you:
Add the "storybook" MCP server from https://github.com/storybookjs/storybook/tree/next/code/addons/mcp to Claude Code. Read its README for the launch command and any API keys I need, run claude mcp add, then check that it connects.