Story Generation Skill

Overview

Generate Storybook stories automatically from existing components by parsing prop types, detecting variants, and creating comprehensive CSF 3.0 stories with interaction tests and accessibility validation.

This skill provides a complete component analysis and story generation pipeline for React, Vue, and Svelte components.

What This Skill Provides

Component Analysis

Parse component files to extract:

• Component name and type classification
• Props with TypeScript types
• Required vs optional props
• Default values
• Children/slots detection