with one click
storybook-upgrade
Use this skill when Storybook exists but needs an upgrade.
Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.
Menu
Use this skill when Storybook exists but needs an upgrade.
Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.
Based on SOC occupation classification
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.
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.
Use this skill when Storybook is already installed and the user wants a working `preview` file and stories for real components.
Use this skill when Storybook is already installed and the user wants a working `preview` file and stories for real components.
Use this skill when Storybook exists but needs an upgrade.
Use when adding Storybook to a project that does not have Storybook configured yet.
| name | storybook-upgrade |
| description | Use this skill when Storybook exists but needs an upgrade. |
Storybook must end up at version 10.5 or later (or next while 10.5 is not yet released).
Read https://storybook.js.org/docs/releases/upgrading.md in its entirety to get the latest Storybook upgrade instructions.
If the latest stable release is still below 10.5, upgrade to the prerelease instead with npx storybook@next upgrade.