Skip to content
cccskills
FreePublished on GitHubEnglish overview

storybook-upgrade

Update all Storybook packages in a project to a chosen release or canary, an early development build. Use it to test changes in external apps, reproduce bugs, and keep package versions aligned while handling peer dependencies.

OriginalShow the original description

Upgrade Storybook to a specific version (canary or release). Use this when upgrading Storybook packages in an external app, reproduction, or test project.

Run score Not tested

See how to install

Good for

  • Test a canary build in an external app
  • Reproduce a bug with a specific Storybook release
  • Update all Storybook packages to the latest stable release
  • Verify behavior across major version upgrades

Overview

What it does

storybook-upgrade updates a project's Storybook packages together to a specified version. It detects @storybook/* packages, aligns their versions, and automatically handles peer dependencies—the compatibility requirements between packages used together. You can target the latest stable release, a specific release, or an early development build used to check changes.

When it helps

Use it to validate Storybook changes in an external app or a project created to reproduce a bug. It helps when trying a build containing a proposed fix, or checking whether an issue occurs in a particular version.

Example requests

  • “Update this app's Storybook packages together to version 8.5.0.”
  • “Upgrade to the specified development build to prepare for bug verification.”

The standard upgrade command is npx storybook@<VERSION> upgrade.

Notes

The skill supports npm, yarn, and pnpm. Use the dedicated upgrade command instead of manually updating individual packages with commands such as npm add. Major versions must be upgraded one at a time. An upgrade from 8.x directly to 10.x that skips an intervening major version is not performed.

This overview was written by AI (OpenAI Codex) from the public SKILL.md. Check the original below for the exact behavior.

Document check

AI checked the SKILL.md for operations that need care and for setup requirements. The score comes only from actually running the skill (hands-on test).

SafetyAre sending data, deleting files, and running commands disclosed?
BPartly lackingA command executes remote code without prompting, and no pre-execution verification procedure is provided.
Easy setupDoes it need few tools or API keys, and are they documented?
BPartly lackingSupport for npm, yarn, and pnpm is stated, but the environment needed to run npx is not explained.

Not counted in the score. Rated by AI (OpenAI Codex) as of Oct 21, 2026. Treat it as a guide and read the original before installing.

Disagree? Request a re-evaluation

Tell us which point is wrong and why. No login needed. We will check it against the SKILL.md, redo the evaluation, and show the result here.

This form is protected by reCAPTCHA, and the Google Privacy Policy and Terms of Service apply.

Files included (1)

  • SKILL.md1.5 KB

SKILL.md (original)

Review the instructions the agent will receive before you install.

Storybook Upgrade

Upgrades all Storybook packages in a project to a specific version.

Why this matters for the monorepo

This skill is mainly for validating Storybook changes outside this repository.

  • QA a canary build from a Storybook PR in a downstream app
  • Reproduce or verify a bug in an external project

Usage

npx storybook@<VERSION> upgrade

Examples

Upgrade to canary version

npx --yes --allow-remote=all https://pkg.pr.new/storybook@<SHA> upgrade

Upgrade to latest stable

npx storybook@latest upgrade

Upgrade to specific release

npx storybook@8.5.0 upgrade

What it does

  1. Detects all @storybook/* packages in your project
  2. Upgrades them all to the specified version
  3. Handles peer dependencies automatically
  4. Works with npm, yarn, and pnpm

Important

  • DO NOT manually install storybook packages with npm add / yarn add / pnpm add
  • Always use npx storybook@<version> upgrade to ensure all packages stay in sync
  • The upgrade command handles version resolution across all storybook packages
  • ALWAYS upgrade only 1 major version at a time!
    • Example: 8.x → 9.x → 10.x → canary of 10
    • Never skip major versions (e.g., don't go from 8.x directly to 10.x)

Reviews

No reviews yet. Tell others what you thought.

Comments

No login needed. Share how it worked for you, ask a question, or note where it did not run.

No comments yet. Be the first to write one.

Comments are published right away. Do not include personal information such as email addresses or phone numbers. Up to 2 URLs.

0 / 1,000 characters

This form is protected by reCAPTCHA, and the Google Privacy Policy and Terms of Service apply.

More skills from this repository

canary

FreeSummary

Find a trial Storybook package for a specific branch, or trigger its publication when needed. Check release progress and obtain the package reference or commands for creating or upgrading a project with that build.

  • Find a trial package for a Storybook branch
  • Publish a trial build for a fork pull request
  • Check publication progress and installation commands
storybookjs/storybook91.4KUpdated Oct 23, 2026

component-docs

FreeSummary

Look up a project's existing UI components in Storybook, including their props, or configuration inputs, and usage examples. Use the findings to answer questions and identify components to reuse before building duplicates.

  • Find existing UI components
  • Check component props and usage examples
  • Answer questions about component usage
storybookjs/storybook91.4KUpdated Oct 23, 2026

docs-review

FreeSummary

Review, improve, rewrite, or draft Storybook documentation in /docs. Assess each page’s purpose, audience, structure, and examples, then make suitable edits or provide a content plan, with formatting checks after changes.

  • Improve the structure and examples of a documentation page
  • Draft documentation for a new feature
  • Plan page types and outlines
storybookjs/storybook91.4KUpdated Oct 23, 2026

Check out a GitHub pull request, fix linting and TypeScript errors, and commit and push the changes. The workflow supports forked pull requests and repeats type checks to verify fixes while keeping changes focused on these errors.

  • Fix linting errors in a pull request
  • Resolve TypeScript errors in a pull request
  • Apply fixes to a pull request from a fork
storybookjs/storybook91.4KUpdated Oct 23, 2026

github-qa-labels

FreeSummary

Organize GitHub issues and pull requests found during quality assurance testing. Apply release tracking labels, classify bugs by four severity levels, and label multiple findings while keeping documentation issues and feature requests outside the severity scheme.

  • Group QA findings by release
  • Classify bugs by severity
  • Apply labels to multiple issues and pull requests
storybookjs/storybook91.4KUpdated Oct 23, 2026

Work through unresolved GitHub pull request reviews one at a time. The skill explains each comment, proposes a fix, asks how to proceed, and handles chosen edits, replies, commits, and thread resolution.

  • Addressing unresolved pull request review comments
  • Choosing between a code fix, a reply, or skipping a comment
  • Handling duplicate review comments together
storybookjs/storybook91.4KUpdated Oct 23, 2026

See all skills by storybookjs

Report a problem with this skill