sb-ship

Graduate React and Storybook experimental components to production while preserving design history.

18|Updated Jun 16, 2026
One-click install
npx skills add https://github.com/strongeron/storybook-workbench --skill sb-ship
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: sb-ship
Source: https://github.com/strongeron/storybook-workbench/tree/main/skills/sb-ship
Command: npx skills add https://github.com/strongeron/storybook-workbench --skill sb-ship

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires bash, git, and includes scripts (resource) and references (resource) components.

What problem does it solve?

This skill solves the problem of losing design history and context when promoting experimental UI components to a production codebase, preventing destructive file moves and ensuring decisions are documented.

Core Features & Use Cases

  • Preservation-First Graduation: Promotes experimental components to production using copy operations instead of destructive moves, keeping design history intact.
  • Decision Loop Closure: Automatically updates tags and metadata to mark experiments as chosen, providing a clear audit trail for future design reviews.
  • Use Case: When an experimental Hero component iteration is approved by stakeholders, use this skill to safely graduate it to the production components folder while maintaining the original experiment as a historical reference.

Quick Start

Use the sb-ship skill to graduate the current explore experiment to a production component while preserving the original design history.

Frequently Asked Questions about sb-ship

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

FAQPage Schema
How do I move experimental Storybook components to production without losing design history?

To graduate experimental React components from Storybook to production without losing design history, use a copy-based promotion workflow instead of destructive file moves. This preserves the original experiment files as a historical reference.

What is the best way to promote approved Storybook experiments to a production React codebase?

The best way to promote approved Storybook experiments to a production React codebase is to copy the component files to the production directory, update metadata tags to mark the experiment as chosen, and optionally use ast-grep to refactor import paths across the codebase.

Do I need git and bash to graduate Storybook components to production?

Yes, you need git and bash installed to graduate Storybook components to production. These dependencies are required to execute the copy operations, manage repository state, and perform the preservation-first graduation workflow for your React components.

How does ast-grep work with refactoring import paths for React components?

Ast-grep optionally refactors import paths for React components by searching and rewriting code syntax trees across the codebase. This ensures that when a Storybook experiment graduates to production, all internal project references are automatically updated to the new file location.

When should I avoid using a copy operation to promote Storybook experiments?

You should avoid using a copy operation to promote Storybook experiments if your goal is to completely remove the original experimental files from your exploration track. The preservation-first approach intentionally keeps the design history intact for future audit trails.