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.
Why this server?
Generates Storybook stories alongside React components for component documentation, testing, and development workflow integration.
AsecurityAlicenseAqualityDesign system MCP server. 20 tools: extract design tokens from any URL, pull from Figma or Penpot, generate React + shadcn/ui components from specs, run WCAG audits, sync tokens bidirectionally.Last updated1207652MITWhy 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.
AsecurityAlicense-qualityA Model Context Protocol (MCP) server for Storybook.Last updated21,04345MITWhy this server?
Identifies components that should be added to your Storybook based on your documentation patterns
AsecurityAlicense-qualityProvides 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 updated16612MITWhy this server?
Extracts component information from Storybook design systems, including HTML, styles, component metadata, props documentation, theme information, and relationships between components.
AsecurityAlicense-qualityServer that enables AI assistants to interact with Storybook design systems. Extract component HTML, analyze styles, and help with design system adoption and refactoring.Last updated81459MITWhy 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.
AsecurityAlicense-qualityA Model Context Protocol server that integrates with Storybook to help AI tools query UI components and retrieve usage examples from static Storybook files.Last updated21,04321MITWhy this server?
Automatically detects, starts, and tunnels Storybook component development environments.
-securityAlicense-qualityMCP server that detects project frameworks (25+), starts dev servers, and creates public Cloudflare tunnels from a single tool call. Text Claude via Dispatch "start my project and give me a link" and get back an HTTPS URL you can open on your phone. Supports full-stack projects, auto-installs dependencies, and also works as a standalone CLI.Last updated9MITWhy this server?
Retrieves component documentation from Storybook docs, supporting component analysis and documentation access for Angular components.
-securityAlicense-qualityA 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 updated3MITWhy this server?
Supports crawling and indexing of UI component documentation from Storybook sites.
-securityAlicense-qualityA 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 updated1031MITWhy this server?
Enables management and testing of Storybook stories, including visual regression testing, accessibility testing, and component documentation
AsecurityFlicense-qualityEnables 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 updated121