/storybook-init
Use when adding Storybook to a project that does not have Storybook configured yet.
$ npx -y skills add storybookjs/storybook --skill storybook-init --agent claude-codeHow 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.Auto-invocation is when the right skill fires by itself at the right moment, driven by a FLOW.md router and a hook, instead of you invoking it by name. It is the difference between a skill being installed and a skill actually getting used.Read the full definition →
- You can call itInvoke it directly when you want it.
- Slash command
/storybook-init
Context preview
The summary Claude sees to decide when to auto-load this skill.
Use when adding Storybook to a project that does not have Storybook configured yet.
SKILL.md
storybook-init.SKILL.mdname: storybook-init description: Use when adding Storybook to a project that does not have Storybook configured yet.
1. Run `npm create storybook@latest` inside your project's root directory to install the latest version of Storybook. Use the matching package-manager command when appropriate, such as `pnpm create storybook@latest` or `yarn create storybook`. 2. After initialization succeeds, run `npx storybook add @storybook/addon-mcp`. 3. Invoke the `/storybook-setup` skill to help the user set up project-specific Storybook configuration, such as the `.storybook/preview.ts` file.
Storybook is the industry standard workshop for building, documenting, and testing UI components in isolation
Repo: storybookjs/storybook
Other skills on storybook.
- /canary
@../../../.agents/skills/canary/SKILL.md
Open skill - /docs-review
@../../../.agents/skills/docs-review/SKILL.md
Open skill - /fix-linting-types-on-pr
@../../../.agents/skills/fix-linting-types-on-pr/SKILL.md
Open skill - /github-qa-labels
@../../../.agents/skills/github-qa-labels/SKILL.md
Open skill - /handle-pr-comments
@../../../.agents/skills/handle-pr-comments/SKILL.md
Open skill - /minor-release
@../../../.agents/skills/minor-release/SKILL.md
Open skill