freema/mcp-design-system-extractor
If you are the rightful owner of mcp-design-system-extractor and would like to certify it and/or have it hosted online, please leave a comment on the right or send an email to henry@mcphub.com.
The MCP Design System Extractor is a server that connects to Storybook instances to extract component information, including HTML, styles, and metadata.
Tools
Functions exposed to the LLM to take actions
list_components
Lists all available components from the Storybook instance.
get_component_html
Extracts HTML from a specific component story in Storybook.
get_component_variants
Gets all story variants/states for a specific component.
search_components
Search components by name, title, or category using case-insensitive partial matching.
get_component_props
Extracts component props/API documentation from Storybook's argTypes configuration.
Prompts
Interactive templates invoked by user choice
No prompts
Resources
Contextual data attached and managed by the client