mcpField
S
storybook-init

storybook-init

github.com/storybookjsDevelopment91.4k43 installsUpdated today
Repository

About storybook-init

A skill that checks whether Storybook is already present, selects an installation command based on the latest stable release, and then invokes `/storybook-setup` for project-specific configuration.

Key features

  1. 01Detects an existing Storybook installation
  2. 02Checks the latest stable release
  3. 03Chooses the matching create-storybook tag
  4. 04Invokes `/storybook-setup`

Use cases

  1. 01Avoiding duplicate Storybook installation
  2. 02Starting Storybook in a new project
  3. 03Continuing with project-specific Storybook configuration

Install

Copy the command and run it in a terminal.

$npx skills add https://github.com/storybookjs/storybook --skill storybook-init

After installing, type/storybook-initin Claude Code to confirm it loaded.

Details

From the project README

If Storybook is already installed (a storybook dependency in package.json, or a .storybook/ directory), do not install it again: switch to /storybook-setup.

  1. First check the latest stable release with npm view create-storybook version. If it is below 11.0, run npm create storybook@next inside your project's root directory to get the 11.0 alpha; otherwise run npm create storybook@latest. Use the matching package-manager command with the same tag when appropriate, such as pnpm create storybook@next.
  2. Invoke the /storybook-setup skill to help the user set up project-specific Storybook configuration, such as the .storybook/preview.ts file.

Comments

Markdown supported