A
licenseB
qualityD
maintenanceA 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
2
821
21
MIT
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?
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.
Why this server?
Identifies components that should be added to your Storybook based on your documentation patterns
AlicenseBqualityBmaintenanceProvides 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?
Generates Storybook stories alongside React components for component documentation, testing, and development workflow integration.
AlicenseBqualityAmaintenanceDesign 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 updated403612MITWhy this server?
Extracts component information from Storybook design systems, including HTML, styles, component metadata, props documentation, theme information, and relationships between components.
AlicenseAqualityBmaintenanceServer that enables AI assistants to interact with Storybook design systems. Extract component HTML, analyze styles, and help with design system adoption and refactoring.Last updated84867MITWhy this server?
Allows browsing, inspecting, creating, and composing components in a running Storybook instance.
AlicenseAqualityDmaintenanceIntegrates with a running Storybook instance to let AI-powered coding tools browse, inspect, and scaffold components from natural language.Last updated4MITWhy 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.
AlicenseBqualityAmaintenanceA Model Context Protocol (MCP) server for Storybook.Last updated282146MITWhy this server?
Planned integration to auto-generate Storybook stories for existing components.
AlicenseAqualityBmaintenance9 MCP servers for React + TypeScript development automation — component scaffolding, dependency auditing, WCAG accessibility checking, test generation, TypeScript enforcement, and monorepo management. 134 tests, CI on Node 20+22.Last updated7232MITWhy this server?
Scans Storybook documentation to extract component information and props, reconciles conflicts with other sources, and includes them in the authoritative design contract.
AlicenseAqualityBmaintenanceDesign contract layer for AI agents. Scans Figma, code, Storybook, and token files, reconciles conflicts, and serves a single machine-readable source of truth so every agent gets the same authoritative design rules before it builds. Local-first.Last updated62616MITWhy this server?
Generates Storybook stories for web components based on the Custom Elements Manifest, enabling automated story creation and documentation within Storybook.
AlicenseAqualityBmaintenanceMCP server that provides AI agents with accurate, hallucination-free access to web component APIs by reading the library's Custom Elements Manifest.Last updated79925MIT