VérificationSûr9393/100

Storybook Upgrade (Storybook) — Agents

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

ou envoie-le directement à ton agent.

Installer dans ton projet

$ curl -fsSL https://arboristhree.xyz/cli/install-skill.mjs -o /tmp/arboris-install-skill.mjs && node /tmp/arboris-install-skill.mjs storybook-upgrade__storybookjs-storybook__agents-skills-e3fa117091ac
Storybook
storybookjs/storybook
Contenu à copier
---
name: storybook-upgrade
description: Upgrade Storybook to a specific version (canary or release). Use this when upgrading Storybook packages in an external app, reproduction, or test project.
allowed-tools: Bash
metadata:
  origin: Storybook
  internal: true
---

# 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

```bash
npx storybook@<VERSION> upgrade
```

## Examples

### Upgrade to canary version

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

### Upgrade to latest stable

```bash
npx storybook@latest upgrade
```

### Upgrade to specific release

```bash
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)
Colle ce Markdown dans ton agent ou utilise les boutons ci-dessus pour l’écrire dans ton projet.

Ce que fait Storybook Upgrade (Storybook) — Agents

QA a canary build from a Storybook PR in a downstream app
Reproduce or verify a bug in an external project
**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

Comment utiliser Storybook Upgrade (Storybook) — Agents

1
Copie le prompt
Un clic copie le prompt packagé (ou l'envoie à ton agent).
2
L'agent installe le skill
Il ajoute le SKILL.md et ses ressources à ton projet.
3
Activation automatique
Le skill s'active dès que le contexte correspond.

Déclencheurs pour Storybook Upgrade (Storybook) — Agents

Dis simplement à ton agent quelque chose comme :

Applique le skill storybook-upgrade__storybookjs-storybook__agents-skills-e3fa117091ac à cette tâche
Utilise storybook-upgrade__storybookjs-storybook__agents-skills-e3fa117091ac pour améliorer cette implémentation
Passe en revue ce sujet avec storybook-upgrade__storybookjs-storybook__agents-skills-e3fa117091ac

Skills liés à Storybook Upgrade (Storybook) — Agents