Storybook Generator
Storybook Generator Skill
This skill generates comprehensive, consistent Storybook documentation for components following established patterns in the myOperator UI library.
When to Activate
Activate this skill when:
- Creating a new component
- Updating component documentation
- Adding usage examples
- Documenting design tokens
- Creating interactive stories
Documentation Pattern
Follow the Button and AlertConfiguration component documentation structure:
Required Sections
More from ankish8/storybook-npm
component analysis
Analyzes codebase to check if component exists, suggests creating variants vs new components, and identifies reusable subcomponents. Activate when creating new components to avoid duplication and ensure proper architecture.
21design system validator
Ensures CSS variables are used instead of hardcoded colors, validates semantic tokens, checks responsive design patterns, and enforces design system consistency. Activate when creating or validating components.
20myoperator-design
Create UIs matching the myOperator design system. Use this skill when the user asks to "build with myoperator design", "create myoperator-style UI", "use myoperator design system", "myoperator dashboard", "myoperator page", or asks for interfaces, pages, dashboards, or components that should follow myOperator's visual language. Generates standalone React/Tailwind code with the design system's color tokens, typography, and component patterns.
20