Storybook

既存のUI部品をStorybookで探し、変更に合わせた表示例の作成・更新からテスト、結果のレビュー公開までを一連の手順で進めるスキルです。

• UI変更に使える既存部品を探したいとき
• 部品の変更に合わせて表示例を更新
• ストーリーのテストを実行

Storybookからプロジェクト内のUI部品と設定項目、使用例を調べ、使い方の質問への回答や、似た部品を重複して作らず再利用する判断に役立てるスキルです。

• 既存のUI部品を探したいとき
• 部品の設定項目と使用例を確認
• 部品の使い方を質問したいとき

繰り返される修正や注意事項を、コードの静的検査や実行時チェック、自動化スクリプトなどに組み込み、同じ誤りの再発を仕組みで防ぐためのスキル。

• 同じ実装ミスの再発を防ぎたいとき
• 繰り返す指示を自動チェックにしたいとき
• 修正内容をメモやルールに整理したいとき

導入済みのStorybookを公式の更新手順に沿って11.0以降へアップグレードし、安定版の状況に応じて11.0のアルファ版も選ぶスキル。

• 既存のStorybookを更新したいとき
• Storybookを11.0以降にそろえたいとき
• 安定版が11.0未満でアルファ版を使うとき

PRのタイトルと説明をコミットや変更差分と照合し、重要な変更の抜けや古い記述を確認します。修正案を提示し、利用者の合意後に更新まで進めます。

• PRの説明と実装を照合したいとき
• 主要な変更の記載漏れを補いたいとき
• 古いPRタイトルを更新したいとき

プロジェクト内のStorybook関連パッケージを指定版へまとめて更新するスキルです。安定版や開発途中のビルドを使い、外部アプリで変更や不具合を検証します。

• 外部アプリで開発ビルドを試したいとき
• 特定の版で不具合を再現したいとき
• 関連パッケージを最新安定版へ更新

Storybookのブランチごとの試験版パッケージを探し、必要に応じて公開処理を実行します。公開状況を確認し、導入や更新に使うコマンドを案内します。

• ブランチの試験版を探したいとき
• フォークPRの試験版を公開したいとき
• 公開状況と導入コマンドの確認

Storybookのメジャー・マイナー版向けに、プレリリースの変更を集約して主要な更新を選び、全変更一覧と合わせてCHANGELOG.mdに記載します。

• Storybookのマイナー版公開準備
• メジャー版の主要な変更を要約したいとき
• プレリリースの変更を集約したいとき

Storybook未導入のプロジェクトに、公開状況に応じた11.0以降の版を新規導入し、プロジェクト固有の設定を行う別スキルへつなぐスキル。

• Storybookを初めて導入したいとき
• 安定版の状況に合わせた導入先の選択
• 導入からプロジェクト固有の設定への移行

GitHub のプルリクエストに届いた未解決のレビュー指摘を一件ずつ整理し、利用者が選んだ方針に沿って修正・返信・解決済みへの更新を進めるスキル。

• PR の未解決レビューに対応したいとき
• 修正・返信・見送りを選びたいとき
• 重複するレビュー指摘をまとめたいとき

GitHubのPRを取得し、lintとTypeScriptのエラーを修正してコミット・プッシュまで進めるスキル。フォーク由来のPRにも対応します。

• PRのlintエラーを直したいとき
• PRのTypeScriptエラー修正
• フォーク由来のPRへの修正

Storybookが未導入のプロジェクトで、安定版のバージョンを確認して導入し、プロジェクト固有の設定を行う別スキルへ引き継ぐ初期導入用のスキル。

• Storybookを初めて導入したいとき
• 安定版に応じた導入タグの選択
• 利用中のパッケージ管理ツールで導入

導入済みの Storybook に、動作する preview ファイルと実際のコンポーネントを表示するストーリーを用意し、表示確認の環境を整えるスキル。

• 既存の Storybook の表示設定を整えたいとき
• 実際の部品のストーリーを追加したいとき
• 設定前に対応バージョンを確認したいとき

現在のブランチから、既存テンプレートに沿った下書きのプルリクエストを作成します。差分や分岐元を確認し、説明文・テスト項目・ラベルを整えるスキル。

• 現在のブランチから下書き PR を作りたいとき
• 変更内容とテスト情報をテンプレートに埋めたいとき
• 段階的な PR の比較先を確認したいとき

QAテストで見つかったGitHubのIssueやPRを、リリース追跡用ラベルとバグの深刻度ラベルで整理し、複数件への付与にも対応するスキル。

• QAの指摘をリリース別に整理
• バグの深刻度を分類したいとき
• 複数のIssueやPRへのラベル付与

導入済みのStorybookで、実際のコンポーネントを表示するためのpreviewファイルとストーリーを整えます。必要なバージョンの確認も行います。

• 導入済みStorybookの表示設定
• 実コンポーネントのストーリー作成
• セットアップ前の動作条件確認

Storybookのドキュメント閲覧データから、対応ブラウザの最低バージョンを見直すスキルです。集計根拠と候補を示し、承認後に設定や文書を更新してPRを作成します。

• 閲覧実績からブラウザ対応を見直す
• 各バージョンの利用割合と候補を承認
• 対応設定と移行案内をまとめて更新

Storybookの起動から最初のストーリー表示までを計測し、サーバー応答と画面描画の所要時間を分けて、繰り返し実行やバージョン比較に使うスキル。

• 最初のストーリー表示まで測りたいとき
• バージョンや機能フラグの比較
• 起動時間の反復計測と集計

Storybook本体やアドオンの変更後に、対象パッケージを再ビルドして内部UIを再起動し、希望に応じて関連するストーリーのレビューを表示するスキル。

• Storybook内部コード変更後の再ビルド
• 内部Storybook UIの再起動
• UI変更に関係するストーリーのレビュー

Storybookの/docs内の文書を、読者や目的に合わせてレビュー・改善・新規作成します。構成や説明例の見直しから、表記の整理、文書戦略の相談まで扱います。

• 説明ページの構成や例を改善したいとき
• 新機能の文書を起草したいとき
• ページの種類や目次を相談したいとき

既存のStorybookを11.0以降へ更新するスキルです。公式の更新手順を確認し、安定版の状況に応じて11.0のアルファ版も選びます。

• 既存のStorybookを更新したいとき
• Storybook 11.0以上が必要なとき
• 安定版未提供時にアルファ版へ更新

Storybookの規約に沿って、変更のレビューを依頼する下書きPRを作成します。タイトル、必須ラベル、本文テンプレート、手動テスト手順を整えます。

• Storybookの変更をレビューに出したいとき
• カテゴリ・CI・QAラベルの選定
• 再現できる手動テスト手順の作成

Incrementally upgrade React Native Storybook across the supported migration paths. Use when upgrading `@storybook/react-native` projects from 5.3.x to 6.5.x, 6.5.x to 7.6.x, 7.6.x to 8.3.x, 8.x to 9.x, or 9.x to 10.x. Detect the currently installed Storybook version, choose only the next migration step, update dependencies and config, regenerate `storybook.requires`, convert remaining `storiesOf` stories to CSF during the `6.5.x -> 7.6.x` upgrade, and stop after a single version hop instead of jumping multiple major versions at once.

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

Create and edit React Native Storybook stories using Component Story Format (CSF). Use when writing .stories.tsx files, adding stories to React Native components, configuring Storybook addons (controls, actions, backgrounds, notes), setting up argTypes, decorators, parameters, or working with portable stories for testing. Applies to any task involving @storybook/react-native story authoring.

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