開発のスキル

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Webページの本文や指定箇所を抽出し、Markdownなどで保存するスキル。JavaScriptで表示されるページの取得や、Pythonでの巡回処理作成にも対応。

• 記事本文をMarkdownで保存したいとき
• JavaScriptで表示される情報の抽出
• ボット対策のあるページを取得したいとき

特定のファイル・関数・モジュールについて、既存の知識グラフと実際のコードを照合し、設計上の役割、呼び出し関係、入出力の流れを詳しく説明するスキル。

• 特定のファイルの役割を知りたいとき
• 関数の呼び出し元や依存先を調べたいとき
• 入力から出力までの流れを追いたいとき

解析済みのコードベースの構成や関係を図で確認する、対話型Webダッシュボードを起動するスキル。現在の作業場所や指定したプロジェクトのデータを表示します。

• 解析済みコードベースを図で確認したいとき
• 作業中のプロジェクトの図を開きたいとき
• 別のプロジェクトの解析結果を見たいとき

コードや設定、文書を解析し、構成要素と依存関係を対話的に探索するためのグラフを作成。日本語での説明生成や、変更された部分に応じた更新にも対応するスキル。

• 初めて触るプロジェクトを理解したいとき
• 構成要素の依存関係を調べたいとき
• 設計の説明を日本語で作りたいとき

コードから業務領域や業務フロー、各手順を読み取り、操作できる横向きのフロー図にまとめます。既存の知識グラフの利用と、軽量なコード走査に対応します。

• コードから業務フローを把握したいとき
• 業務領域と手順のつながりの図示
• 既存の知識グラフを業務視点で整理

コードの構成要素と関係をまとめた知識グラフを使い、質問に関連するファイルや関数、依存関係をたどって、プロジェクトの仕組みを具体的に説明するスキル。

• 機能の仕組みを理解したいとき
• 呼び出し元や依存先の確認
• 概念に関係するコードの探索

Git の差分やプルリクエストを知識グラフと照合し、変更箇所と周辺への影響、設計上の層をまたぐ関係、レビューで注意すべきリスクを整理するスキル。

• プルリクエストのレビュー準備
• 未コミット変更の影響確認
• 設計上の層をまたぐ変更の確認

Archifyで作る図の正確さ・読みやすさ・完成までの時間を、実際の図とエージェントの作業記録から評価し、配置や接続線、作成手順を改善するスキル。

• 図の配置や接続線を比較したいとき
• 図の修正が繰り返される原因調査
• 図の作成手順の改善検証

使われていないコードや重複した状態、冗長なAPI・階層を調べ、根拠付きで削除・統合の候補を整理します。調査のみ、または許可された範囲の変更と検証まで進めます。

• 削除できるコードを探したいとき
• 重複した状態やAPIを統合したいとき
• 古い互換処理や設計記録の見直し

Archifyの課題やPR、コードを価値・コスト・影響の3軸でレビューします。実装後の保守負担も含め、今取り組むべきか、別の方法がよいかを根拠付きで整理します。

• 報告された課題の優先順位付け
• PRのコストと影響を確認したいとき
• コードの保守性を評価したいとき