Lets AI agents scaffold modern npm packages, CLIs, HTTP services, and apps as a native tool. Three tools: inspect the full option/preset schema, preview the generated file tree for a config, and write the project to disk.
3
103 npm
1
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.
A Model Context Protocol server that integrates with Storybook to help AI tools query UI components and retrieve usage examples from static Storybook files.
2
440 npm
21
MIT
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.
A Model Context Protocol (MCP) server for Storybook.
2
440 npm
46
MIT
Why this server?
Generates Storybook stories for web components based on the Custom Elements Manifest, enabling automated story creation and documentation within Storybook.
MCP server that provides AI agents with accurate, hallucination-free access to web component APIs by reading the library's Custom Elements Manifest.
79
84 npm
5
MIT
Why this server?
Provides a Storybook panel and MCP server for inspecting custom DOM events dispatched by web components in stories. Captures every event any target dispatches (elements, document, window, EventTarget subclasses), flags traps like not-composed, shared, retargeted, and undocumented events, and allows dispatching synthetic events at rendered components. The MCP server drives a headless browser directly to a story's iframe, enabling AI agents to inspect and test event behavior without the Storybook manager/channel.
Enables AI agents to drive a headless browser to a Storybook story and capture every custom event a component dispatches with zero registration, while flagging shared, retargeted, undocumented, and not-composed events. It also lets agents dispatch synthetic events at the rendered component to verify it responds as documented.
6
200 npm
MIT
Why this server?
Supports upgrading Storybook, including dependency analysis, breaking change detection, and safe migration steps.
Enables AI agents to safely upgrade JavaScript and TypeScript projects through dependency analysis, upgrade path detection, breaking change identification, codemod application, and PR summary generation.
14
14 npm
MIT
Why this server?
Auto-syncs token and component changes to Storybook documentation, ensuring design system docs stay up-to-date without manual rebuilding.
Design 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.
50
123 npm
46
MIT
Why this server?
Provides live preview of Storybook components directly in the IDE, allowing AI agents to view component renders as they edit.
