
Storybook MCP Addon
MCPOfficial Storybook addon that exposes an MCP endpoint on the Storybook dev server so agents can look up component docs and props, write and preview stories, and run component and accessibility tests. Storybook must be running; AI features are in preview.
Storybook MCP Addon
Storybook addon for MCP-powered UI development workflows.
See documentation for installation instructions, usage examples, APIs, and more.
Configuration
By default, the addon exposes its MCP server at /mcp. You can configure a
different literal endpoint path in .storybook/main.ts:
export default {
addons: [
{
name: '@storybook/addon-mcp',
options: {
endpoint: '/custom-mcp',
},
},
],
};
The endpoint must be a URL pathname such as /custom-mcp or /tools/mcp.
Learn more about Storybook at storybook.js.org.
Recursos relacionados

shadcn MCP Server
MCPMCP server built into the official shadcn CLI: lets agents browse and search components, blocks and templates in any configured registry, including private ones, and install them into your project in plain language. The project needs a components.json.
shadcn-ui/ui126k
21st MCP (formerly Magic MCP)
MCP21st.dev's official MCP: lets agents search and fetch UI components, themes and template code from the 21st.dev community, and generate components from a description once AI access is enabled. Absorbs the former Magic MCP; requires a free API key from 21st.dev.
21st-dev/magic-mcp6.1k
Web Artifacts Builder
SkillBuilds multi-component web pages that need state or routing with React, Tailwind CSS and shadcn/ui, using bundled init and build scripts, then packs them into a single HTML file for a claude.ai Artifact. Official Anthropic skill.
anthropics/skills182k
Frontend Design
PluginHas the agent settle on a clear aesthetic direction first, then write distinctive, production-ready frontend interfaces that avoid the generic AI look. Official Anthropic plugin.
anthropics/claude-code151k
UI UX Pro Max
SkillUI design knowledge base skill: looks up UI styles, palettes, font pairings, charts and UX guidelines by product type and generates a full design system, covering 22 stacks including React, SwiftUI and Flutter. Needs Python 3 locally.
nextlevelbuilder/ui-ux-pro-max-skill136k
shadcn/ui
SkillOfficial shadcn/ui skill: uses the shadcn CLI to read project config and component docs, then adds, searches, composes and fixes components following styling, form and accessibility rules. Can also start new projects from presets.
shadcn-ui/ui126k