Provides an MCP server to programmatically access Storybook component lists and detailed prop information.
Storybook offers a Model Context Protocol (MCP) server that empowers developers to programmatically interact with their Storybook documentation. It simplifies the process of extracting comprehensive information about UI components, including a complete list of available components and detailed property data like names, types, default values, and descriptions. By leveraging headless browser automation with Playwright, Storybook integrates seamlessly into development workflows, making it easier to parse and utilize component documentation directly from your Storybook instance.
Key Features
01Includes comprehensive error handling for various scenarios.
02Supports various Storybook `index.json` (or `stories.json`) URL patterns.
031 GitHub stars
04Retrieve a list of all Storybook components.
05Extract detailed property information (name, type, default, description, required status) for specific components.
06Uses headless browser automation (Playwright) for robust data extraction.
Use Cases
01Programmatically validating or analyzing component interfaces based on Storybook documentation.
02Automating the extraction of UI component documentation for external tools or scripts.
03Integrating Storybook's component and prop data into design systems or code generators.