Storybook Configuration Skill

Overview

This skill generates production-ready Storybook 10 configurations with:

• Automatic framework detection (React, Vue, Svelte, Angular, Next.js, Solid, Lit)
• SOTA 2026 best practices
• Platform-specific optimizations (Tauri full support, Electron partial support)
• Optional visual generation integration
• Testing framework setup (Vitest + Playwright)

When to Use This Skill

This skill should be used when:

• Initializing Storybook 10 in a new project
• Updating existing Storybook configuration to SOTA standards
• Adding framework-specific optimizations
• Configuring platform-specific setups (Tauri, Electron)
• Setting up testing infrastructure (interaction, a11y, visual)