- Run
npm create storybook@latestinside your project's root directory to install the latest version of Storybook (while 10.6 is unreleased, runnpm create storybook@nextinstead — the other skills require at least 10.6). Use the matching package-manager command when appropriate, such aspnpm create storybook@latestoryarn create storybook. - After initialization succeeds, run
npx storybook add @storybook/addon-mcp. - Invoke the
$storybook:setupskill to help the user set up project-specific Storybook configuration, such as the.storybook/preview.tsfile.
Init
Use when adding Storybook to a project that does not have Storybook configured yet.
gabrielmoreira Updated Init by gabrielmoreira · be3ac48
npx skillmds@latest add gabrielmoreira/init-4 File contents
---name: init-4description: 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 (while 10.6 is unreleased, run `npm create storybook@next` instead — the other skills require at least 10.6). 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.
gabrielmoreira/agent-skills-mirror/tree/main/mirrors/repos/storybookjs@storybook/code/lib/codex-plugin/plugins/storybook/skills/init commit be3ac48080
Frequently asked questions
Run npx skillmds@latest add gabrielmoreira/init-4 in your terminal (requires Node.js), paste this page's agent-chat prompt into Claude, Cursor, or any MCP-connected agent, or download the SKILL.md file and copy it into your agent's skills directory.
Use when adding Storybook to a project that does not have Storybook configured yet. It is listed under Coding & Dev Tools on SkillMD.
This skill has not completed SkillMD's automated safety review yet. Independent scanners report: SkillSpector: PASS, Skill Scanner: PASS. Capability flags: docs only. SkillMD never runs a skill's scripts for you; review the SKILL.md before installing.
This skill is tagged as working with Claude Code, Claude.ai, OpenAI Codex. SKILL.md is an open format, so most agents that read a skills directory can load it too.
Yes. Installing skills from SkillMD is free, and the skill stays under its author's original license.
gabrielmoreira (@gabrielmoreira) published this skill. Their other Agent Skills are listed on their SkillMD profile.