開発のスキル

ターミナルからブラウザのクリックや入力、ページ移動を自動化し、通信やエラー、表示速度も調べられる、Chrome DevToolsのCLI操作を支援するスキル。

• フォーム入力やページ移動の自動化
• ページや要素の画面撮影
• 通信内容やコンソールエラーの調査

既定ブランチの変更を作業ブランチへ取り込み、競合した双方の変更内容と意図を整理します。解消案を示し、利用者の確認を受けながらマージを進めるスキル。

• 既定ブランチの更新を取り込みたいとき
• 既存のマージ競合の内容を知りたいとき
• 競合の解消方針を確認したいとき

リベース後に競合したDrizzleのマイグレーションを診断し、履歴やスナップショットを整理して、スキーマ変更の再生成と適用後の検証を進めるスキル。

• リベース後の競合を修復したいとき
• マイグレーション履歴の重複整理
• 意図したスキーマ変更の再生成

既存のoRPC処理を一件ずつEffectへ移行し、ルートや応答形式、認可条件を保ちながら、DB操作・エラー処理・ログ・ルーター接続を置き換えるスキル。

• oRPC処理を一件ずつ移行したいとき
• DBクエリやトランザクションの移行
• 移行時のエラー処理とログの置き換え

コードベース調査の質問書をフィードバックに沿って改訂します。既存の書式や参照情報を保ちながら、現状の実装・構成・依存関係を調べる問いに整えるスキル。

• 指摘に沿って調査質問を改訂したいとき
• チケットのコメントを質問書へ反映
• 現状の実装に調査の焦点を合わせたいとき

既存のコードの配置や動作、部品同士の関係を並列調査し、ファイルと行番号の根拠、図表、テストの実態を添えて、現状を説明する技術文書にまとめるスキル。

• 初めて触るコードを理解したいとき
• 処理の流れや部品間の関係の文書化
• 実装場所や既存の利用例の調査

コードの変更履歴や設計資料を踏まえて構造改善の候補を探し、変更前後の図を含むHTMLレポートで比較したうえで、選んだ案の制約やテスト方針を掘り下げるスキル。

• 変更が多いコードの改善候補探し
• 構造改善案を変更前後の図で比較
• テストしやすい構造の検討

Reactコンポーネントのpropsを実際のアプリで使う状態に合わせて厳密にし、不要な省略指定や分岐を整理します。テストやStorybook側の修正も扱います。

• 省略可能なpropsを見直したいとき
• 表示中のボタンの処理を必須にしたいとき
• 不要な代替処理を整理したいとき

Reactのコンポーネントの親子関係をツリー形式で示すスキル。各要素がapps/...とpackages/...のどちらに属するかや、useStateなどを併記して構成を把握します。

• コンポーネントの親子関係を把握したいとき
• アプリやパッケージの所属先の確認
• 複数のコンポーネント構成の比較

依頼内容や指定資料をもとに、既存コードの構造・処理・依存ライブラリを理解するための調査質問を整理し、後続の調査エージェントへ渡す文書を作るスキル。

• 既存コードの調査前に質問を整理
• チケットと指定資料から調査を準備
• 調査範囲と参照先を別エージェントへ引き継ぐ

現在の作業のプルリクエストを作成・更新し、変更理由と実装の構造が伝わる説明文を整えます。差分や関連資料を読み、レビューに必要な注意点も簡潔にまとめます。

• レビュー向けにPR説明を整えたいとき
• 現在のブランチからPRを作りたいとき
• 変更したコード構造を図で伝えたいとき

既存のコード調査文書を、指摘や追加の疑問に沿って更新します。現在の実装やデータの流れを追加調査し、ファイル名・行番号を根拠に、一貫した説明へまとめ直します。

• 既存のコード調査文書への追記
• 指摘に基づく説明の修正
• データの流れや処理間の連携調査

既存の実装構成案をフィードバックに沿って見直し、工程や作業範囲、未解決の質問を更新します。各工程を独立して検証できる形に整理するスキルです。

• フィードバックで工程を見直したいとき
• 作業範囲と対象外を更新したいとき
• 未解決の質問への回答を反映したいとき

遅いSQLの原因調査から、複雑な結合・集計、テーブル構造の設計まで支援します。実行計画を読み、索引やクエリの改善案と変更前後の性能を示します。

• 遅いSQLの原因を調べたいとき
• 複雑な結合や集計を書きたいとき
• テーブル・キー・制約の設計

SwiftでApple向けアプリの画面やデータ処理を実装するスキル。SwiftUIの状態管理、非同期処理の安全性、メモリ管理の改善、テストまで扱います。

• SwiftUIの画面と状態管理の実装
• 非同期処理の不具合を直したいとき
• protocolを軸にしたアプリ設計

JavaScriptだけでVue 3の画面や再利用可能な処理を実装し、JSDocで型の説明を付けます。Viteの設定、画面遷移、状態管理、テストにも対応します。

• JavaScriptでVue 3の画面開発
• 画面部品や共通処理へのJSDoc型注釈追加
• Vue 2からComposition APIへの移行

Shopifyのテーマや独自アプリを開発・修正し、APIでつなぐ独自のストア画面、購入手続きの拡張、表示速度の改善まで支援するスキルです。

• 商品ページや絞り込み表示の変更
• Shopify独自アプリの開発
• Storefront APIによる独自画面の構築

WordPressのテーマやプラグイン、独自ブロックを開発し、WooCommerceの拡張からAPI実装、安全対策、表示速度の改善まで支援するスキル。

• 独自テーマやプラグインの開発
• Gutenbergのブロック作成
• WooCommerceやREST APIの拡張

Vue 3の画面部品や共通処理を実装し、Piniaの状態管理、Nuxt 3の設定、モバイル対応、型検査やテスト、Viteのビルド最適化まで支援するスキル。

• Vue 3の画面部品と共通処理の実装
• Piniaによる共有データの管理
• Nuxt 3の画面生成方式の設定

Spring Boot 3.xでJavaのREST APIやマイクロサービスを構築し、データ保存、認証、テスト、稼働状態の確認まで支援するスキルです。

• JavaのREST API開発
• 認証とアクセス制御の追加
• データベース連携の実装

TypeScriptの複雑な型やAPIを設計し、IDの取り違えや状態ごとの処理漏れを型で検出できる実装を進めます。型チェックやビルド設定の調整にも対応します。

• IDの取り違えを型で防ぎたいとき
• 状態ごとの処理漏れを確認したいとき
• 複雑なデータの共通型の作成

説明書のない既存コードを読み解き、構成やデータの流れ、業務ルールを仕様書に整理します。根拠となるコードの位置を示し、確認できた事実と推測、未解決の疑問を分けます。

• 仕様書のない古いシステムの把握
• 既存APIや業務ルールの文書化
• モジュールの依存関係とデータ経路の整理

WebSocketやSocket.IOでチャットやライブ更新を実装し、認証、ルーム管理、接続中ユーザーの把握、再接続、Redisを使った複数サーバーへの拡張を支援します。

• チャットやライブ更新の実装
• ルームとオンライン状態の管理
• 再接続と送信待ちメッセージの処理

Kotlinの非同期処理や複数環境で使う共通コード、Android画面、サーバーを実装するスキル。状態の設計やテスト、コード検査まで支援します。

• coroutinesとFlowで非同期処理を実装
• Kotlin Multiplatformの共通コード設計
• Jetpack ComposeでAndroid画面を作成