Which frameworks does the Storybook Config skill support?

It supports a wide range of modern frameworks including React, Vue 3, Svelte, Angular, Next.js, Solid.js, and Lit.

How does it handle desktop platforms like Tauri and Electron?

The skill applies specific decorators and mocks for Tauri's IPC and Electron's preload APIs, ensuring components work outside the native shell.

Does it include automated testing features?

Yes, it configures Vitest for interaction testing, Playwright for visual tests, and @storybook/addon-a11y for accessibility audits.

Is this compatible with Storybook 9?

Yes, this skill is specifically designed for Storybook 9 and follows 2026 industry best practices for configuration and performance.

Storybook 9 Configurator

Name: Storybook 9 Configurator
Author: flight505

byflight505

设计工具

Automates the setup and optimization of Storybook 9 environments with framework detection and cross-platform support.

关于

This skill provides a comprehensive solution for initializing and upgrading Storybook 9 configurations using SOTA best practices. It features automatic framework detection for React, Vue, Svelte, Next.js, and more, while integrating essential testing tools like Vitest and axe-core. Designed for modern development, it offers specialized support for cross-platform environments like Tauri and Electron, ensuring that UI components are documented, tested for accessibility, and optimized for performance with Vite-based build configurations.

主要功能

SOTA 2026 best practices including Vitest and Playwright integration
Automatic framework detection for React, Vue, Svelte, and Next.js
Performance-tuned Vite configurations for faster documentation builds
Platform-specific optimizations for Tauri and Electron projects
Built-in accessibility testing configuration with axe-core
0 GitHub stars

使用场景

Adding accessibility and interaction testing to existing component libraries
Initializing Storybook 9 in a new frontend or monorepo project
Configuring Storybook for desktop applications built with Tauri or Electron

关于

主要功能

SOTA 2026 best practices including Vitest and Playwright integration
Automatic framework detection for React, Vue, Svelte, and Next.js
Performance-tuned Vite configurations for faster documentation builds
Platform-specific optimizations for Tauri and Electron projects
Built-in accessibility testing configuration with axe-core
0 GitHub stars

使用场景

Adding accessibility and interaction testing to existing component libraries
Initializing Storybook 9 in a new frontend or monorepo project
Configuring Storybook for desktop applications built with Tauri or Electron