storybook-configuration - Configure Storybook with Addons, Builders, and Frameworks
Set up and configure Storybook for a project including main config, preview config, addons, builders, and framework-specific integration.
Tags
Updated: 2026-06-30Capabilities
Typical Inputs
Typical Outputs
What this skill does
- Write main configuration file
- Write preview configuration file
- Install and configure Storybook addons
- Configure story glob patterns
- Configure framework integrations
- Add global decorators and providers
- Configure accessibility testing rules
- Configure theme switching
- Set up code coverage
- Write manager configuration file
- Create custom Storybook addons
Inputs
- Project source files
- Storybook configuration directory
- Framework config files (vite.config, next.config, webpack.config)
- Story files
- Global CSS files
Outputs
- Storybook main configuration file
- Storybook preview configuration file
- Storybook manager configuration file
- Custom addon source files
Requirements
- Node.js runtime environment
- Storybook installed in project
- TypeScript support
- File system read/write access