Storybook
Exposes Storybook components and their usage examples to AI tools via the Model Context Protocol.
About
Storybook provides a custom Model Context Protocol (MCP) server that integrates with Storybook to support UI implementation from Figma designs. It enables AI tools to query available UI components, retrieve usage examples, and help non-developers collaborate more directly in frontend development workflows by bridging design and development using natural language.
Key Features
- Lists available components from Storybook.
- Supports partial matching when searching for components.
- 4 GitHub stars
- Finds components based on keywords.
Use Cases
- Find matching components for Figma elements by name.
- Auto-generate UI code from a Figma section
- Suggests components based on Figma-like descriptions