/storybook-setup

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

Guide Boost this skill

storybookjs@storybookjs

GitHub

From plugin

storybook

91k19 skills1 MCP

Install

$ npx -y skills add storybookjs/storybook --skill storybook-setup --agent claude-code

How it fires

How this skill gets triggered: by you, by Claude, or both.

Fires itselfAuto-invocation. Claude auto-loads it when your prompt matches the work.
You can call itInvoke it directly when you want it.
Slash command/storybook-setup

Context preview

The summary Claude sees 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 stories for real components.

SKILL.md

storybook-setup.SKILL.md

name: storybook-setup
description: Use this skill when Storybook is already installed and the user wants a working `preview` file and stories for real components.

Prerequisites:

1. Confirm Storybook exists (`package.json`, `.storybook/`). If not, switch to `/storybook-init`. 2. Storybook must be at least 10.6. (While 10.6 is unreleased, `next` satisfies this — 10.6.0-alpha.x. Any canary build, `0.0.0-pr-*`, also qualifies.) If it is older, or upgrade/repair is needed first, switch to `/storybook-upgrade`, but only if the user explicitly approved a Storybook upgrade.

Run `npx storybook skills setup` from the project root (or the Storybook package in a monorepo).

**Follow the printed Markdown precisely.** Do not substitute your own plan.

Read it on GitHub ↗

Ships withstorybook

Storybook is the industry standard workshop for building, documenting, and testing UI components in isolation

Get the whole plugin

Stats

JavaScript React React Native Vue Svelte

+7 tags

Angular HTML CSS GraphQL GitHub Jest iOS

91,055

Stars