Storybook

Integrates with Storybook documentation to extract component information, props data, and custom design system elements like icons

mcpland 46 ↓ 25k
Claude CodeClaude DesktopGeneric
View source ↗

Storybook MCP server by mcpland that provides AI assistants with tools to interact with Storybook documentation and component information through both built-in and custom extraction capabilities. The implementation fetches component lists from Storybook's index.json file, uses Playwright for headless browser automation to extract detailed props information from component documentation pages, and supports custom tools that can execute JavaScript on any Storybook page to extract specific data like icon lists or color palettes. Supporting both Storybook v3 and v5 formats with configurable custom tools via environment variables, it serves developers who need programmatic access to design system documentation, teams building AI-powered development workflows that reference component APIs, and organizations wanting to integrate Storybook data into conversational interfaces for design system guidance.

Source

Repository: https://github.com/mcpland/storybook-mcp

Maintain Storybook?

Let people know it's listed here — add the badge (live metrics, light/dark aware) or a plain link to your README or docs.

Storybook on getagentictools
[![Storybook on getagentictools](https://getagentictools.com/badge/mcp/mcpland-storybook-mcp.svg)](https://getagentictools.com/mcp/mcpland-storybook-mcp?ref=badge)