A
licenseA
qualityD
maintenanceIntegrates with a running Storybook instance to let AI-powered coding tools browse, inspect, and scaffold components from natural language.
4
MIT
72,396 servers. Updated
Search Relevance ↓
Recent Usage ↓
Date Added ↓
Date Updated ↓
Weekly Downloads ↓
GitHub Stars ↓
Recent GitHub Stars ↓
Matching MCP tools:
"Storybook" matching MCP servers:
Storybook MCPofficial
Alicense-qualityBmaintenanceEnables AI agents to interact with Storybook by exposing UI component information and development workflows through the Model Context Protocol.265MIT- Alicense-qualityCmaintenanceAn MCP server that enables AI assistants to browse Storybook components, manage stories, inspect props, and capture screenshots of components.5,80814AGPL 3.0
- Alicense-qualityDmaintenanceEnables live preview of Storybook components inside the IDE as the AI edits them, using MCP Apps integration.61MIT
- Flicense-qualityCmaintenanceAn MCP server that brings an Angular design system built on Storybook into AI tools like Claude and Cursor, providing real-time access to component metadata, APIs, and documentation.
- Alicense-qualityCmaintenanceThis server enables AI to match Figma design nodes with React components from Storybook and generate usage code examples, facilitating design-to-code workflows.486MIT
- AlicenseAqualityAmaintenanceDesign 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.682318Apache 2.0
- FlicenseAqualityDmaintenanceSyncs design tokens and components from Figma to a Design System codebase, enabling automated generation of React components and Storybook stories.5
- Flicense-qualityDmaintenanceA standalone MCP server that provides AI assistants with comprehensive access to BrowserStack's design system components, enabling component search, detailed prop analysis, and usage examples from Storybook.
- FlicenseAqualityCmaintenanceAn MCP server that brings the Phenom Angular Design System into Claude Code and Cursor, enabling AI-assisted development with real-time access to component metadata, APIs, and documentation.7