Skill

storybook-upgrade

Upgrades Storybook one major version at a time, repairs MCP addon and Storybook config, and sets up the Claude launcher entry.

Storybook

React

frontend

developer-tools

npx claudepluginhub storybookjs/mcp --plugin storybook

Popularity

Parent stars

248

Parent forks

Invocation

How this skill is triggered — by the user, by Claude, or both

Slash command

/storybook:storybook-upgrade

User invocable

Model invocable

Inline context

Default effort

Context Preview

The summary Claude sees in its skill listing — used to decide when to auto-load this skill

Use this skill when Storybook exists but needs an upgrade or MCP repair.

SKILL.md

47 lines · ~401 tokens

Similar Skills

storybook-setup

248

Configures Storybook preview files and writes co-located example stories from real components in an existing React+Vite Storybook project.

storybook

storybook-mcp-integration

172

Integrates Storybook MCP server to discover components via docs manifest, preview stories with embeddable URLs, and run tests/a11y audits. Use for reusing existing components, visual verification, and MCP-based testing in React/Storybook projects.

5 files5 tools

ork

upgrading-react-native-storybook

1.3k

Upgrades React Native Storybook one major version at a time across supported migration paths. Detects current version, updates dependencies and config, and regenerates storybook.requires.

6 files

react-native-storybook

Stats

LanguageTypeScript

Parent stars248

Parent forks34

MaintenanceExcellent

Last CommitJun 2, 2026

Actions

View Source View Plugin View on GitHub View README

Help us improve

Share bugs, ideas, or general feedback.

Stats

Actions

Help us improve

Share bugs, ideas, or general feedback.

Storybook Upgrade

Use this skill when Storybook exists but needs an upgrade or MCP repair.

Workflow

Inspect Storybook packages in package.json files and identify the repository root. In monorepos, Storybook's upgrade command should usually be run from the repository root.

Check the project's current Storybook major version before choosing a target.

Upgrade one major version at a time unless Storybook's own docs explicitly allow a larger jump for that source version.

Use Storybook's official upgrade command:

npx storybook@latest upgrade

If you only need configuration repairs, use:

npx storybook automigrate

If the MCP addon is missing after upgrade, install it:

npx storybook add @storybook/addon-mcp

Run Storybook's health check when useful:

npx storybook doctor

Use /storybook-setup-claude-launch to configure or repair .claude/launch.json, then start Storybook through that launch entry. Use /storybook-setup if the user still needs configuration or stories.

Guardrails

Do not skip across multiple major versions unless the official Storybook upgrade path supports it.

Preserve user changes in Storybook config files and story files.

If the upgrade command creates a debug-storybook.log, read it before guessing at fixes.

Do not start Storybook as an ad hoc Bash command or background task in Claude; use the Claude launcher entry.