setup
FreeUse this skill when Storybook is already installed and the user wants a working `preview` file and stories for real components.
The English summary is being prepared. Showing the original description.
storybookjs/mcp271Updated Sep 7, 2026
FreePublished on GitHub
init
Use when adding Storybook to a project that does not have Storybook configured yet.
The English summary is being prepared. Showing the original description.
See how to installFiles included (1)
- SKILL.md588 B
SKILL.md (original)
Review the instructions the agent will receive before you install.
- Run
npm create storybook@latestinside your project's root directory to install the latest version of Storybook. Use the matching package-manager command when appropriate, such aspnpm create storybook@latestoryarn create storybook. - After initialization succeeds, run
npx storybook add @storybook/addon-mcp. - Invoke the
$storybook:setupskill to help the user set up project-specific Storybook configuration, such as the.storybook/preview.tsfile.
Reviews
No reviews yet. Tell others what you thought.
Comments
No login needed. Share how it worked for you, ask a question, or note where it did not run.
No comments yet. Be the first to write one.
More skills from this repository
stories
FreeInvoke FIRST, before creating, editing, or deleting components, stories, styles, CSS, themes, colors, or design tokens — anything that changes how the UI looks, no exceptions. Also for starting or previewing Storybook to verify UI, requests to show, browse, or list components, stories, or UI states, and docs, props, or usage lookups.
The English summary is being prepared. Showing the original description.
storybookjs/mcp271Updated Sep 7, 2026
storybook-init
FreeUse when adding Storybook to a project that does not have Storybook configured yet.
The English summary is being prepared. Showing the original description.
storybookjs/mcp271Updated Sep 7, 2026
storybook-setup
FreeUse this skill when Storybook is already installed and the user wants a working `preview` file and stories for real components.
The English summary is being prepared. Showing the original description.
storybookjs/mcp271Updated Sep 7, 2026
Use this skill when Storybook exists but needs an upgrade.
The English summary is being prepared. Showing the original description.
storybookjs/mcp271Updated Sep 7, 2026
upgrade
FreeUse this skill when Storybook exists but needs an upgrade.
The English summary is being prepared. Showing the original description.
storybookjs/mcp271Updated Sep 7, 2026