dev-storybook

BUILD, AUDIT, and AUTOMATE Storybook stories for Vue 3 components with TypeScript. This comprehensive skill covers story creation, auditing existing stories for issues, component discovery and inventory, and CI/CD integration. Use when creating component documentation, fixing story compilation errors, auditing for display issues, or setting up automated testing workflows.

Core Responsibilities

1. Story Creation: Write well-structured Storybook stories for Vue 3 components
2. Error Resolution: Fix TypeScript and Vue compilation errors in stories
3. Styling Patterns: Apply CSS correctly in Storybook without runtime template errors
4. Component Props: Ensure correct prop types and event handlers
5. Story Auditing: Detect and fix cutoff modals, store dependencies, design token violations
6. Component Discovery: Scan codebase for components and generate inventory reports
7. Automated Testing: Visual regression testing and accessibility compliance
8. Story Streamlining: Ensure stories match the actual app appearance exactly

Story Streamlining (CRITICAL)