storybook-setup
Use this skill when Storybook is already installed and the user wants a working preview file and stories for real components.
- Installs
- 55
- Last 24h
- —
- Trending rank
- —
- Security
- Not audited
Install
Works with every agent the skills CLI supports.
npx skills add https://github.com/storybookjs/storybook --skill storybook-setup- 01
Install
Run the command in your project. The CLI asks which agents to install for.
- 02
Describe the task
Ask your agent for something this skill covers. It loads storybook-setup automatically when relevant.
- 03
Review the result
The agent follows the SKILL.md steps, scripts and references bundled with the skill.
SKILL.md
The instructions your agent reads when the skill is triggered.
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.
FAQ
What does the storybook-setup skill do?
Use this skill when Storybook is already installed and the user wants a working preview file and stories for real components.
How do I install storybook-setup?
Run npx skills add https://github.com/storybookjs/storybook --skill storybook-setup in your project. The skills CLI detects the agents you use and copies the skill into the right folder. For Claude Code you can also place the skill folder at ~/.claude/skills/storybook-setup/ (personal) or .claude/skills/storybook-setup/ (project).
Which AI agents can use storybook-setup?
Any agent that supports the open Agent Skills format (a folder with a SKILL.md file), including Claude Code, Codex, Cursor, GitHub Copilot, Gemini CLI, Windsurf, Cline, OpenCode and more.
Is storybook-setup safe to install?
No partner security audit is available yet. Skills can run commands and scripts, so read the SKILL.md and any bundled files before installing.
Who maintains storybook-setup?
It is published by storybookjs in storybookjs/storybook. It has 55 recorded installs.
More from storybookjs/storybook
stories
storybookjs/storybook
Invoke FIRST, before creating, editing, or deleting components, stories, styles, CSS, themes, colors, or design tokens — anything that changes how the UI looks, no exceptions. Also for starting or previewing Storybook to verify UI, requests to show, browse, or list components, stories, or UI states, and docs, props, or usage lookups.
Popular other skills
hyperframes-cli
heygen-com/hyperframes
The HyperFrames CLI by job - scaffold, check, look at frames, edit the timeline, preview, render locally or in the cloud, publish, project history - plus reading its JSON and recovering from build or render failures.
triage
mattpocock/skills
Move issues and external PRs through a state machine of triage roles, categorise, verify, grill if needed, and write agent-ready briefs.
ask-matt
mattpocock/skills
Ask which skill or flow fits your situation. A router over the skills in this repo.
to-questionnaire
mattpocock/skills
Turn a decision you can't fully answer into a questionnaire for someone else to fill in.
loop-me
mattpocock/skills
Grill me about specs for the workflows I want to build, within this workspace.