Storybook logo

Skill

storybook-init

initialize Storybook in new projects

Covers Configuration UI Components Testing

Description

Use when adding Storybook to a project that does not have Storybook configured yet.

SKILL.md

  1. Run npm create storybook@latest inside your project's root directory to install the latest version of Storybook. Use the matching package-manager command when appropriate, such as pnpm create storybook@latest or yarn create storybook.
  2. After initialization succeeds, run npx storybook add @storybook/addon-mcp.
  3. Invoke the /storybook-setup skill to help the user set up project-specific Storybook configuration, such as the .storybook/preview.ts file.

© 2026 YourAI.tools. Every skill from an identity-verified publisher.

Independent catalog. Not affiliated with, endorsed by, or sponsored by Anthropic or any listed publisher. All trademarks belong to their respective owners.