storybook-setup
Installation
SKILL.md
Set up Storybook: $ARGUMENTS
$ARGUMENTS can include:
- Framework hint: "nextjs" or "vite" (auto-detected)
- "with-a11y" — include accessibility addon (default: included)
- "with-chromatic" — include Chromatic visual regression testing
- "minimal" — bare Storybook without addons
- Empty — full setup with a11y addon
Before Starting
- Read
package.jsonto detect framework (Next.js vs Vite) - Read
src/app/globals.css— need to import this in Storybook for Tailwind + tokens - Read
tailwind.config.ts— need to configure content paths - Check if
.storybook/already exists - Read
src/components/ui/button.tsxas example of existing component patterns