storybook-setup

Storybook Setup

Use this skill when Storybook is already installed and the user wants a working preview file and colocated stories for real components.

Confirm Storybook exists (package.json, .storybook/). If not, switch to /storybook-init.
If Storybook is outdated or upgrade/repair is needed first, switch to /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.

If Storybook needs to be started or previewed in Claude, use /storybook-setup-claude-launch and the Claude launcher entry. Do not start Storybook as an ad hoc Bash command or background task.

Use this skill when Storybook is already installed and the user wants a working preview file and colocated stories for real components.

Confirm Storybook exists (package.json, .storybook/). If not, switch to /storybook-init.
If Storybook is outdated or upgrade/repair is needed first, switch to /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.

If Storybook needs to be started or previewed in Claude, use /storybook-setup-claude-launch and the Claude launcher entry. Do not start Storybook as an ad hoc Bash command or background task.