storybook-stories

Automate Storybook story generation by using this Skill to write comprehensive stories for React components with TypeScript types, args, controls, decorators, and interaction tests. It creates production-ready stories covering multiple states and variants while enforcing proper meta configuration and play functions for testing component behavior.

Yes. This Skill generates Storybook stories with integrated play functions that simulate user interactions and run assertions, reducing manual testing effort. Stories include proper TypeScript types, argTypes, controls, and decorators aligned with your design tokens and custom icons.

Use this Skill to automatically generate well-structured Storybook stories with proper TypeScript types, args, and controls for React components. It covers default, disabled, loading, and interactive states with context decorators and global preview settings for production-ready documentation.

No. This Skill automates interaction testing by generating play functions within Storybook stories that validate component behavior. Stories include assertions and interaction scenarios, eliminating repetitive manual testing while maintaining coverage across all component states.

This Skill generates stories that enforce alignment with Nordic Minimal design tokens and integrate custom SVG icons via the Icon component. It creates meta configuration and context decorators that maintain consistency across all generated stories for React components in your workspace.

You need React components in your /components workspace with TypeScript support. This Skill generates stories with proper types, controls, and decorators; no additional Storybook configuration is required as the Skill enforces production-ready meta settings and argTypes automatically.