Communityライティング&編集github.com

strongeron/storybook-workbench

React + Vite 上の Storybook 向け AI エージェントスキルバンドル。実コンポーネントとスロップコンポーネントの監査、フロー取得、CSF3 ストーリーの記述、公開を支援します。Claude Code / Codex / Cursor 対応。

storybook-workbench とは?

strongeron/storybook-workbench は、React + Vite で構築された Storybook プロジェクトを効率的に開発・管理するための AI エージェントスキルバンドルです。このスキルは、Claude Code、Codex、Cursor などの AI コードエディタと連携して動作します。主な機能として、(1) 実コンポーネントと「スロップ」(雑に作成されたコンポーネント)を監査・区別する「リアル vs スロップ」監査、(2) ユーザーフローやインタラクションをキャプチャしてストーリー化するフロー取得、(3) Storybook の最新フォーマットである CSF3(Component Story Format 3)に準拠したストーリーを自動生成・記述、(4) 生成したストーリーやコンポーネントをそのまま公開可能な状態に仕上げる「シップ」機能を備えています。これにより、開発者は一貫性の高いコンポーネントカタログを迅速に構築でき、AI の支援を受けながら品質管理とドキュメンテーションの両方を効率化できます。

対応✓Claude Code✓Codex CLI✓Cursor
npx skills add strongeron/storybook-workbench

Installed? Explore more ライティング&編集 skills: steipete/notion, langchain-ai/langchain, bytedance/podcast-generation · View all 6 →

お気に入りのAIに質問する

このエージェントスキルを事前に読み込んだ状態で新しいチャットを開きます。

ドキュメント

storybook-workbench は何をしますか?

React + Vite 上の Storybook 向け AI エージェントスキルバンドル — 実コンポーネントとスロップコンポーネントの監査、フロー取得、CSF3 ストーリーの記述、公開を支援します。Claude Code / Codex / Cursor 対応。

関連スキル