get_component_html
Extract HTML from a Storybook component using a story ID. Optionally include CSS styles to analyze component structure and styling for design system adoption or refactoring.
Instructions
Extract HTML from a specific component story in Storybook. Requires a story ID (format: "component-name--story-name", e.g., "button--primary", "forms-input--default"). Use list_components or get_component_variants first to find valid story IDs.
Input Schema
| Name | Required | Description | Default |
|---|---|---|---|
| componentId | Yes | The story ID in format "component-name--story-name" (e.g., "button--primary", "forms-input--default"). Get this from list_components or get_component_variants. | |
| includeStyles | No | Whether to include extracted CSS styles in the response (useful for understanding component styling) |
Input Schema (JSON Schema)
{
"properties": {
"componentId": {
"description": "The story ID in format \"component-name--story-name\" (e.g., \"button--primary\", \"forms-input--default\"). Get this from list_components or get_component_variants.",
"type": "string"
},
"includeStyles": {
"description": "Whether to include extracted CSS styles in the response (useful for understanding component styling)",
"type": "boolean"
}
},
"required": [
"componentId"
],
"type": "object"
}