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

  1. Read package.json to detect framework (Next.js vs Vite)
  2. Read src/app/globals.css — need to import this in Storybook for Tailwind + tokens
  3. Read tailwind.config.ts — need to configure content paths
  4. Check if .storybook/ already exists
  5. Read src/components/ui/button.tsx as example of existing component patterns
Installs
1
GitHub Stars
1
First Seen
Jun 4, 2026
storybook-setup — joshuashepherd/my-skills