mcp-design-system-extractorTools Reference

get_component_html

Extract HTML from a component story

get_component_html

Extracts the rendered HTML from a specific component story in Storybook.

Parameters

Parameter	Type	Required	Description
`componentId`	string	Yes	Story ID (format: "component-name--story-name")
`includeStyles`	boolean	No	Include CSS styles in response

Example

{
  "tool": "get_component_html",
  "arguments": {
    "componentId": "button--primary",
    "includeStyles": true
  }
}

Notes

Story ID format is lowercase with hyphens: component-name--story-name
Use list_components or get_component_variants to find valid story IDs
Supports dynamic JavaScript-rendered content via Puppeteer

list_components

List all components from Storybook

get_component_variants

Get all story variants for a component

On this page

get_component_html