Best Storybook MCP Servers

Storybook is an open source tool for building UI components and pages in isolation. It streamlines UI development, testing, and documentation.

View all Storybook MCP Servers

Why this server?
Provides tools for extracting component lists, props information, and custom data from Storybook documentation, enabling AI to understand and reference UI component libraries.
storybook-mcp
Content Management Systems Developer Tools Browser Automation
mcpland
A
security
A
license
A
quality
A Model Context Protocol (MCP) server for Storybook.
Last updated 8 days ago
2
952
34
MIT
Why this server?
Provides an MCP server that integrates with Storybook, allowing AI tools to query available UI components, retrieve component information and usage examples to help implement UI from design specifications.
Storybook MCP Server
Autonomous Agents Developer Tools Hybrid
m-yoshiro
A
security
A
license
A
quality
A Model Context Protocol server that integrates with Storybook to help AI tools query UI components and retrieve usage examples from static Storybook files.
Last updated 10 months ago
2
952
21
MIT
Why this server?
Extracts component information from Storybook design systems, including HTML, styles, component metadata, props documentation, theme information, and relationships between components.
MCP Design System Extractor
Developer Tools Content Management Systems Hybrid
freema
A
security
A
license
A
quality
Server that enables AI assistants to interact with Storybook design systems. Extract component HTML, analyze styles, and help with design system adoption and refactoring.
Last updated 6 days ago
8
10
42
MIT
Why this server?
Identifies components that should be added to your Storybook based on your documentation patterns
CastPlan MCP
Code Execution Developer Tools Knowledge & Memory
Ghostseller
A
security
A
license
A
quality
Provides AI assistants with persistent memory of your project architecture, development history, and technical decisions, allowing them to give context-aware coding help without needing repeated explanations.
Last updated 6 months ago
16
61
2
MIT
Why this server?
Uses Storybook documentation as a primary data source for component metadata, usage examples, and technical constraints.
my-design MCP Server
Developer Tools Documentation Access Code Analysis
Davont
A
security
F
license
A
quality
An MCP server that enables AI to interact with the private 'my-design' React component library and design tokens for UI generation and technical support. It provides tools for component searching, API documentation retrieval, and migration guidance based on specific internal design specifications.
Last updated 4 days ago
6
Why this server?
Enables management and testing of Storybook stories, including visual regression testing, accessibility testing, and component documentation
UI/UX MCP Server
Developer Tools App Automation Testing & QA Tools
willem4130
A
security
F
license
A
quality
Enables comprehensive UI/UX development workflows through integrated tools for component development with Storybook, Tailwind CSS styling, Framer Motion/GSAP animations, Playwright testing, and automated design system generation. Provides end-to-end automation for visual regression testing, accessibility compliance, and UX optimization analysis.
Last updated 6 months ago
12
Why this server?
Supports crawling and indexing of UI component documentation from Storybook sites.
MCP Web Docs
Web Scraping RAG Systems Documentation Access
cosmocoder
-
security
A
license
-
quality
A self-hosted MCP server that crawls, indexes, and searches documentation from any website locally, including private sites requiring authentication. It provides hybrid search capabilities and local embedding generation to maintain privacy while keeping AI assistant knowledge up to date.
Last updated a day ago
103
MIT
Why this server?
Retrieves component documentation from Storybook docs, supporting component analysis and documentation access for Angular components.
Angular Toolkit MCP
Code Analysis Developer Tools Local
push-based
-
security
A
license
-
quality
A Model Context Protocol server that provides Angular project analysis and refactoring capabilities, enabling LLMs to analyze component usage patterns, dependency structures, and perform safe refactoring with breaking change detection.
Last updated 2 months ago
3
MIT
Why this server?
Automatically generates Storybook stories for React components to showcase variants and interactive states.
MCP Design System Bridge
Developer Tools App Automation Content Management Systems
brunonepomuceno
-
security
F
license
-
quality
Enables bidirectional synchronization between IDEs and Figma for Design System management, allowing developers to generate React components and synchronize design tokens, icons, and components across platforms.
Last updated 8 months ago
1