Storybook Preview and Stories
Writes a working preview file and stories for real components in an existing Storybook.
Install
npx skills add storybookjs/storybook --skill storybook-setup -g -a claude-code -y- Repository
- storybookjs/storybook91.4k
- Category
- Design
- Updated
- 5d ago
- License
- MIT
- Context cost
- Lightabout 176 tokens
- Runs scripts
- No, instructions only
What it does
Use this skill when Storybook is already installed and the user wants a working `preview` file and stories for real components.
Prerequisites:
- Confirm Storybook exists (
package.json,.storybook/). If not, switch to/storybook-init. - Storybook must be 11.0 or later. An 11.0 prerelease (
11.0.0-alpha.x) or a canary build (0.0.0-pr-*) also counts. If it is older, or upgrade/repair is needed first, switch to/storybook-upgradeand come back here afterwards. Treat a request to set up or install Storybook as approval to perform any required Storybook upgrade. For other requests, switch only after the user explicitly approves an 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.
