storybook

SKILL.md

| select | Enum with many options | | radio | Enum with 2-4 options | | boolean | True/false toggles | | text | String inputs | | number | Numeric values | | color | Color pickers | | object | Complex objects | | date | Date values |

Stories are grouped by title in the Storybook sidebar following Atomic Design:

React コンポーネントのドキュメントとテスト用の Storybook 8。ストーリーの作成、コントロール/アクションを使用したコンポーネントの文書化、ビジュアル テスト、および MDX ドキュメントに使用します。 Storybook ストーリー、コンポーネント ドキュメント、ビジュアル テスト、またはインタラクティブなコンポーネント デモのリクエストをトリガーします。 ソース: ibutters/claudecodeplugins。

ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/ibutters/claudecodeplugins --skill storybook インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code や Cursor で使用できるようになります

原文を見る