Menu
Triggers a canary release for a Storybook PR. Use when the user wants to publish a canary version, create a pre-release, or test a PR via npm.
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
Triage and resolve GitHub PR review comments one by one, interactively. Use when the user asks to handle, address, respond to, or resolve PR review comments, or mentions reviewer feedback on a pull request.
Opens a pull request from the current branch using the PR template. Use when the user asks to open a PR, create a pull request, or invokes /open-pr.
Rebuild and restart the internal Storybook UI after changes to internal Storybook code (core, addons, frameworks, renderers, libs, etc.), then optionally display a UI review. Use after editing any package in the Storybook monorepo's code/ directory, or when the user asks to rebuild and/or restart Storybook.
Measure Storybook startup time from spawning `storybook dev` until the first story renders in the browser. Use when the user asks about Storybook boot time, server-ready timing, first story render timing, startup regressions, benchmarking with repeat runs, or comparing Storybook versions or feature flags.
Evaluate a PR's title and description against its actual implementation, then iteratively suggest and apply updates. Use when the user asks to check, fix, or update a PR title or description.
Creates a pull request following Storybook conventions. Use when creating PRs, opening pull requests, or submitting changes for review.
| name | canary |
| description | Triggers a canary release for a Storybook PR. Use when the user wants to publish a canary version, create a pre-release, or test a PR via npm. |
| allowed-tools | Bash |
Publishes a canary version of Storybook from a PR to npm.
To trigger a canary release, run:
gh workflow run --repo storybookjs/storybook publish.yml --field pr=<PR_NUMBER>
0.0.0-pr-<PR_NUMBER>-sha-<SHORT_SHA>canary tagThe canary version follows a predictable structure:
0.0.0-pr-<PR_NUMBER>-sha-<SHORT_SHA>
<PR_NUMBER>: The PR number (e.g., 33526)<SHORT_SHA>: First 8 characters of the commit SHA (e.g., a2e09fa2)Example: For PR #33526 with commit a2e09fa284a..., the canary version is:
0.0.0-pr-33526-sha-a2e09fa2
You can construct the version yourself if you know the PR number and the latest commit SHA on that PR.
Check the PR body for the published version. It will show something like:
This pull request has been released as version
0.0.0-pr-33365-sha-b6656566
Then test with:
npx storybook@<VERSION_FROM_PR> sandbox
Or upgrade an existing project:
npx storybook@<VERSION_FROM_PR> upgrade
gh CLI authenticatedWatch the workflow run at: https://github.com/storybookjs/storybook/actions/workflows/publish.yml