component-docs
Look up the components of a project with Storybook, with their props and usage examples, to answer questions about them or to…
@storybookjsInstall SkillFrontend
Skill
/storybook-upgrade
Use this skill when Storybook exists but needs an upgrade.
Claude Code
$ npx -y skills add storybookjs/storybook --skill storybook-upgrade --agent claude-code
Codex
$ npx skills add storybookjs/storybook --skill storybook-upgrade -a codex -y
Cursor
$ npx skills add storybookjs/storybook --skill storybook-upgrade -a cursor -y
Gemini CLI
$ npx skills add storybookjs/storybook --skill storybook-upgrade -a gemini-cli -y
GitHub Copilot
$ npx skills add storybookjs/storybook --skill storybook-upgrade -a github-copilot -y
OpenCode
$ npx skills add storybookjs/storybook --skill storybook-upgrade -a opencode -y
Windsurf
$ npx skills add storybookjs/storybook --skill storybook-upgrade -a windsurf -y
SKILL.md
storybook-upgrade.SKILL.mdname: storybook-upgrade description: Use this skill when Storybook exists but needs an upgrade.
Storybook must end up at 11.0 or later. An 11.0 prerelease (`11.0.0-alpha.x`, `-beta.x` or `-rc.x`) or a canary build (`0.0.0-pr-*`) also counts.
Read https://storybook.js.org/docs/releases/upgrading.md in its **entirety** to get the latest Storybook upgrade instructions. Fetch the raw file (for example with `curl -sL`): a web fetch tool that returns a summary leaves steps out.
If the latest stable release is below 11.0, upgrade to the 11.0 prerelease with `npx storybook@next upgrade` instead, and read https://storybook.js.org/docs/11/releases/upgrading.md, the instructions for that version.
Never run `create storybook` here: it installs Storybook in a project without one, and on top of an installed Storybook it mixes versions.
The upgrade goes one major version at a time: from Storybook 9, run `npx storybook@10 upgrade` first, then the upgrade to 11.0. From an older version, first run the upgrade of each major in between, such as `npx storybook@9 upgrade` from Storybook 8. Stop only when the installed `storybook` is 11.0 or later.
Keep the files the upgrade adds, such as the Storybook agent skills and `skills-lock.json`: they are part of the upgrade.
Stats
91,525
Stars
10,510
Forks
Active
Maintenance
TypeScript
Language
MIT
License
Last commit
Created
Ships withstorybook
Storybook is the industry standard workshop for building, documenting, and testing UI components in isolation
91k8 skills1 MCP
Stars on GitHub
Momentum
- stars in total
- 91.4k
Other skills on storybook.
@storybookjsInstall Skillstorybook-init
Use when adding Storybook to a project that does not have Storybook configured yet.
@storybookjsInstall Skillstorybook-setup
Use this skill when Storybook is already installed and the user wants a working `preview` file and stories for real components.
@storybookjsInstall Skillui-workflow
Storybook's workflow for UI changes in a project with Storybook - look up the components to reuse, write and update stories, run…
@storybookjsInstall Skillinit
Use when adding Storybook to a project that does not have Storybook configured yet.
@storybookjsInstall Skillsetup
Use this skill when Storybook is already installed and the user wants a working `preview` file and stories for real components.
@storybookjsInstall SkillMore skills from other plugins.
Auto-invoked
migrate-radix-to-base
Migrates React projects and components from Radix UI to Base UI. Use when asked to migrate from radix, move to base-ui, convert…
@shadcn-uiInstall Skill
Auto-invoked
taste-skill
tasteskill v2, the anti-slop frontend skill. Art direction for websites, distilled from a study of 247 curated gallery sites (One…
@leonxlnxInstall SkillQuestions about storybook-upgrade.
- Which coding agents can use storybook-upgrade?
- storybook-upgrade installs in Claude Code, Codex, Cursor, Gemini CLI, GitHub Copilot, OpenCode and Windsurf with the skills CLI, using each agent's flag shown on this page. Flowy's auto-invocation, which fires a skill when your prompt matches, runs in Claude Code only.