開発のスキル

chengfeng-videocut の不具合を再現手順や期待結果とともに整理し、機密情報を除いた草稿を確認してから GitHub Issue に報告するスキル。

• 再現できる編集バグを報告したいとき
• 報告文の機密情報を確認したいとき
• 確認済みの不具合報告を提出したいとき

Piniaで共有データを管理する際の初期設定や設計を支援。起動時のエラー、値を取り出した後に画面が更新されない問題、検索条件をURLで扱う方法を確認できます。

• Piniaの起動エラーを調べたいとき
• 分割代入後の画面更新を直したいとき
• Setup storesの戻り値を確認したいとき

Vue Router 4の画面遷移で起こる不具合を、遷移前の確認処理やURLの値の変化から見直すスキルです。無限リダイレクトや古いデータ表示の点検に使えます。

• 無限リダイレクトの原因調査
• URLの値変更時のデータ更新の見直し
• 画面遷移中の非同期API処理の確認

VueでJSXを書く際の構文や設定を確認し、React JSXとの違いを整理。classとclassNameの扱いなど、コード移行時の属性の型エラーを調べる際に役立ちます。

• React JSXをVueへ移したいとき
• JSXの属性の型エラーを調べたいとき
• classとclassNameを確認したいとき

Vue 3の画面開発で、状態管理や部品の分け方、データの受け渡しを整理するスキルです。TypeScriptを基本に、実装から性能の見直しまでを案内します。

• Vue 3とTypeScriptで画面を作りたいとき
• 大きなコンポーネントを整理したいとき
• 状態の所有者とデータの流れの見直し

通常の値・ref・getterを受け取れるVueの再利用可能な関数を設計・実装し、入力の変更に追従する処理と、読み書きの用途に合う型を整えるスキル。

• 再利用できるVueの共通関数を作りたいとき
• 入力変更に応じたページタイトル更新
• 書き込み可能なカウンターの作成

Vue 3のOptions APIで書かれたコードの型付けや、thisの扱いを見直すスキルです。メソッドやライフサイクル処理、インスタンス間の状態共有も点検します。

• Options APIのコードに型を付けたいとき
• メソッド内のthisの不具合調査
• ライフサイクル内のデータ参照の見直し

Vue 3で画面が更新されない、イベントが二重に動く、非同期処理が失敗するといった不具合を調査。症状別の資料をもとに、原因の切り分けと修正を支援します。

• 画面が更新されない原因を調べたいとき
• イベントの二重発火や不発を調べたいとき
• 非同期読み込みの失敗を調べたいとき

業務ルールを画面やデータベース、フレームワークから切り離して設計するためのスキルです。責任の境界と依存の向きを整理し、技術変更に関わる設計判断を支援します。

• 業務ルールとデータベース処理の分離
• 層の間の依存の向きを確認したいとき
• ユースケースとエンティティの整理

テストしにくい既存コードの変更に向け、現在の動作を記録するテストや依存関係の切り離しを検討し、変更のリスクを段階的に減らすためのスキルです。

• テストのない既存コードを変更したいとき
• 現在の動作をテストに記録したいとき
• テストを妨げる依存関係の整理

設計やコード変更の判断に、知識の重複削減、部品の独立性、自動化、素早い検証の観点を取り入れ、変化に対応しやすい実装を検討するスキルです。

• 変化に備えた設計を見直したいとき
• コードに散らばる知識の重複整理
• 繰り返し作業の自動化を考えたいとき

コードの構造上の問題を見つけ、動作を保って直す手法を選ぶスキル。Refactoring.Guruに着想を得たルールで、整理が際限のない再設計へ広がるのを抑えます。

• コードの構造上の問題を診断したいとき
• 問題に合うリファクタリングを選びたいとき
• 整理が際限なく広がるのを抑えたいとき

業務アプリの構造を検討する際に、処理の層分けや業務ルールの置き方、データ保存・受け渡しの設計パターンを選ぶための判断を支援するスキルです。

• 業務アプリの層構造を見直したいとき
• 業務ルールのまとめ方を選びたいとき
• データ保存・取得の設計を考えたいとき

業務の概念に沿ってコードを設計するDDDの実装を支援。集約の境界や業務上の制約、イベント、データの保存・取得、サービス間連携を設計ルールに沿って検討します。

• 集約の境界と業務上の制約の設計
• ドメインイベントとリポジトリの確認
• アプリケーションサービスの設計

複雑な業務をモデル化し、共通の用語やモデルの境界、集約を設計するスキル。Eric Evansに着想を得たDDDのルールで、業務の概念に沿った設計判断を支援します。

• 複雑な業務をモデル化したいとき
• 共通用語とモデルの境界を整理したいとき
• 集約や保存・業務処理の役割を考えたいとき

業務の領域やモデルの境界を整理し、過度な形式に頼らずDDDを実践するスキル。Vaughn Vernonに着想を得たルールで、領域間の関係や集約、業務上の出来事を扱います。

• 業務領域とモデルの境界を整理したいとき
• コンテキスト間の関係を図式化したいとき
• 集約やドメインイベントを検討したいとき

関数や変数、クラス、条件分岐の設計から防御的な実装、テストまで、Steve McConnellに着想を得たルールに沿ってコードを書くためのスキル。

• 関数やクラスを設計したいとき
• 変数や条件分岐を見直したいとき
• 想定外の入力や状態に備えたいとき

ソフトウェアの複雑さを減らすために、モジュールの分け方やAPI、抽象化を見直すスキル。内部実装を隠す範囲や、コードを理解する負担を設計ルールに沿って検討します。

• モジュールの境界を見直したいとき
• APIの責務の検討
• 内部実装を隠す範囲の整理

大量のデータを扱うシステムの設計を支援。信頼性や処理規模の拡大、データの整合性、複製・分割、トランザクションやデータ構造の変更をルールに沿って検討します。

• データの管理責任と整合性の整理
• データの複製・分割の検討
• イベントとストリーム・バッチの設計

既存コードの動作を保ちながら、構造の問題を小さな手順で改善するスキル。Martin Fowlerに着想を得たルールで、テストに支えられた整理と機能変更の切り分けを扱います。

• 動作を変えずにコードを整理したいとき
• テストを頼りに少しずつ改善したいとき
• 構造の整理と機能変更を分けたいとき

日々のコードの読みやすさを見直し、名前の付け方、関数の大きさ、役割分担、処理の流れやテストの観点から実装品質の改善を支援するスキルです。

• 変数名や関数名を見直したいとき
• 大きな関数と役割分担の見直し
• 処理の流れを読みやすくしたいとき

業務の手順や専門知識をAIエージェント向けのスキルにまとめます。SKILL.mdの設計から、スクリプト・参考資料・テンプレートの整理、検証と配布用ファイルの作成まで支援します。

• 定型業務をスキル化したいとき
• スクリプトや参考資料の整理
• 利用結果をもとに既存スキルを改善

ローカルのGJCセッションを、許可済みのCLI操作と操作ごとの人の承認で扱います。指示の送信やセッションの作成・再開に加え、結果が不明な場合の照合手順も定めます。

• 指定したGJCセッションに指示を送りたいとき
• 承認を挟んでセッションを作成・再開したいとき
• 結果が不明な操作を照合したいとき

AIエージェントからgajae-codeへ計画立案や実行をまとめて委任し、保存された進行状況と成果物を受け取るための連携スキルです。

• GJCに計画立案を任せたいとき
• 実行と検証をまとめて委任したいとき
• 委任した作業の進捗と成果物の確認