Storybook

概要

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.

主な機能

• Includes comprehensive error handling for various scenarios.
• Supports various Storybook `index.json` (or `stories.json`) URL patterns.
• 1 GitHub stars
• Retrieve a list of all Storybook components.
• Extract detailed property information (name, type, default, description, required status) for specific components.
• Uses headless browser automation (Playwright) for robust data extraction.

ユースケース

• Programmatically validating or analyzing component interfaces based on Storybook documentation.
• Automating the extraction of UI component documentation for external tools or scripts.
• Integrating Storybook's component and prop data into design systems or code generators.