storybook-init
Use when adding Storybook to a project that does not have Storybook configured yet.
- Installs
- 40
- 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-init- 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-init 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.
If Storybook is already installed (a storybook dependency in package.json, or a .storybook/ directory), do not install it again: switch to /storybook-setup.
- First check the latest stable release with
npm view create-storybook version. If it is below 11.0, runnpm create storybook@nextinside your project's root directory to get the 11.0 alpha; otherwise runnpm create storybook@latest. Use the matching package-manager command with the same tag when appropriate, such aspnpm create storybook@next. - Invoke the
/storybook-setupskill to help the user set up project-specific Storybook configuration, such as the.storybook/preview.tsfile.
FAQ
What does the storybook-init skill do?
Use when adding Storybook to a project that does not have Storybook configured yet.
How do I install storybook-init?
Run npx skills add https://github.com/storybookjs/storybook --skill storybook-init 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-init/ (personal) or .claude/skills/storybook-init/ (project).
Which AI agents can use storybook-init?
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-init 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-init?
It is published by storybookjs in storybookjs/storybook. It has 40 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.
storybook-setup
storybookjs/storybook
Use this skill when Storybook is already installed and the user wants a working preview file and stories for real components.
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.