本文へ移動
cccskills
無料GitHub で公開

init

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

インストール方法を見る

含まれるファイル(1)

  • SKILL.md588 B

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.

レビュー

まだレビューはありません。使ってみた感想をお寄せください。

同じリポジトリのスキル

概要と使いどころ

setup

無料

Use this skill when Storybook is already installed and the user wants a working `preview` file and stories for real components.

日本語の概要は準備中です。原文の説明を表示しています。

storybookjs/mcp2702026年9月7日 更新

stories

無料

Invoke 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.

日本語の概要は準備中です。原文の説明を表示しています。

storybookjs/mcp2702026年9月7日 更新

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

日本語の概要は準備中です。原文の説明を表示しています。

storybookjs/mcp2702026年9月7日 更新

Use this skill when Storybook is already installed and the user wants a working `preview` file and stories for real components.

日本語の概要は準備中です。原文の説明を表示しています。

storybookjs/mcp2702026年9月7日 更新

Use this skill when Storybook exists but needs an upgrade.

日本語の概要は準備中です。原文の説明を表示しています。

storybookjs/mcp2702026年9月7日 更新

upgrade

無料

Use this skill when Storybook exists but needs an upgrade.

日本語の概要は準備中です。原文の説明を表示しています。

storybookjs/mcp2702026年9月7日 更新

storybookjs のスキルをすべて見る

このスキルの問題を報告する