generate_story
Auto-generate Storybook CSF3 story files for React, Vue, Svelte, or Angular components. Detects props to create default and variant stories, play functions, and accessibility addon config.
Instructions
Auto-generate a Storybook story file (CSF3 format) for a UI component. Detects props from code, includes default story, variant stories, play functions, and accessibility addon config.
Input Schema
| Name | Required | Description | Default |
|---|---|---|---|
| framework | Yes | Framework the component is written in | |
| story_title | No | Storybook story title/path (e.g., 'Components/ProductCard'). Defaults to 'Components/{component_name}' | |
| component_code | Yes | Full source code of the component to generate stories for | |
| component_name | Yes | PascalCase name of the component (e.g., 'ProductCard') |