canary

Publish Storybook canary builds from pull requests to npm via GitHub Actions.

Updated May 26, 2026
One-click install
npx skills add https://github.com/anukkrit149/anukkrit-skills --skill canary-anukkrit149
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: canary
Source: https://github.com/anukkrit149/anukkrit-skills/tree/main/cloud/skills/canary
Command: npx skills add https://github.com/anukkrit149/anukkrit-skills --skill canary-anukkrit149

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill solves the problem of releasing and testing a Storybook change from a pull request by publishing a predictable npm canary package version.

Core Features & Use Cases

  • Automates PR canary publishing: Builds a Storybook PR artifact and publishes it to npm under a canary tag.
  • Provides a deterministic version format: Generates a version string that directly encodes the PR number and short commit SHA for easy traceability.
  • Updates the PR with install instructions: Writes the exact published version back to the PR description so reviewers can immediately test.

Quick Start

Run the GitHub Actions publish workflow for storybookjs/storybook by specifying the pull request number field.

Frequently Asked Questions about canary

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I publish a Storybook pull request canary build to npm?▼

You can publish a Storybook PR canary build to npm by running a GitHub Actions workflow that builds the artifact and publishes it under the canary tag using the gh CLI.

What version format does the Storybook PR canary release use?▼

The Storybook PR canary release uses a deterministic version format of 0.0.0-pr-<PR_NUMBER>-sha-<SHORT_SHA> to encode the pull request number and commit metadata for traceability.

Do I need admin permissions on a pull request to publish a canary npm package?▼

Yes, you need an admin-permitted pull request in the storybookjs/storybook repository to trigger the GitHub Actions workflow that publishes the canary npm package.

How do reviewers install and test a Storybook canary release from a pull request?▼

Reviewers install and test a Storybook canary release using the exact published version, which is automatically written back to the pull request description with install instructions.

Can I use this canary release workflow for repositories outside storybookjs/storybook?▼

No, this canary release workflow specifically targets the storybookjs/storybook repository and requires an admin-permitted pull request within that repository to publish to npm.

What is a canary release in npm publishing for Storybook pre-release testing?▼

A canary release in npm publishing is a pre-release package version tagged with canary, allowing reviewers to install and validate Storybook changes from a pull request before merging.