Storybook

Package

Open-source workshop for building and documenting UI components

Price: Free, open source
Access: None

Docs
MCP addon docs

About

Storybook is an open-source frontend workshop that renders UI components and pages in isolation for development, visual testing and documentation. An official addon runs an MCP server in the dev server so an agent can inspect components and generate stories.

What you can do with it

Build and preview UI components in isolation, outside your app
Document components with auto-generated docs and controls
Let an AI agent read components and generate stories via the MCP addon

Get started

Run npx storybook init in your project
Add the MCP addon with npx storybook add @storybook/addon-mcp

Example

npx storybook add @storybook/addon-mcp
# MCP server then runs at http://localhost:6006/mcp

Details

Hosting: Runs locally
Available in: Worldwide
Official SDKs: JavaScript/TypeScript
MCP server: Local