Stats
Actions
Tags
Help us improve
Share bugs, ideas, or general feedback.
From storybook
Configures Storybook preview files and writes co-located example stories from real components in an existing React+Vite Storybook project.
npx claudepluginhub storybookjs/mcp --plugin storybookHow this skill is triggered — by the user, by Claude, or both
Slash command
/storybook:storybook-setupThe summary Claude sees in its skill listing — used to decide when to auto-load this skill
Use this skill when Storybook is already installed and the user wants a working `preview` file and colocated stories for real components.
Guides writing, updating, and reviewing Storybook stories with a strict workflow. Pulls story-writing rules from the MCP, ensures a running preview, and prevents unverified stories.
Generates CSF3 Storybook stories for React/Vue components with variant coverage and state matrices. Use when creating stories or scanning for missing ones.
Provides Storybook 10 testing patterns with Vitest integration, CSF3 typesafe factories, play() interactions, Chromatic TurboSnap visual regression, module automocking, a11y tests, and autodocs. Use for component stories, visual testing, CI pipelines, or Storybook 9 migration.
Share bugs, ideas, or general feedback.
Use this skill when Storybook is already installed and the user wants a working preview file and colocated stories for real components.
package.json, .storybook/). If not, switch to /storybook-init./storybook-upgrade.From the project root (or the Storybook package in a monorepo):
npx storybook ai setup
Use the repo's package manager when appropriate: pnpm exec storybook ai setup, yarn exec storybook ai setup.
Follow the printed Markdown precisely. Do not substitute your own plan.
/storybook-setup-claude-launch and the Claude launcher entry. Do not start Storybook as an ad hoc Bash command or background task.