開発のスキル

Octaneの実行環境やコンパイラー、SSR、ハイドレーションなどの中核を変更する際に、契約・回帰テスト・性能計測を整理して安全な実装と引き継ぎを支援します。

• ランタイムの動作を変更したいとき
• SSRやハイドレーションを修正したいとき
• 公開APIの追加・変更を行うとき

コード変更の計画段階で追加範囲と小さな代替案を比べ、既存の仕組みを活用しながら差分を簡潔に整えるためのレビュー手順を示します。

• 数行を超える変更の設計を始めるとき
• PR提出前に差分を整理したいとき
• エージェント作成コードの複雑さを見直したいとき

失敗テストや再現報告からOctaneの不具合を切り分け、Reactとの意図的な違いも確認したうえで、原因箇所の修正と回帰テストを進めます。

• 失敗テストの原因を調べて修正したいとき
• 回帰を最小のテストで再現したいとき
• Reactとの動作差が仕様か確認したいとき

Octaneの新しい`.tsrx`コンポーネントを作成し、JSXからの変換やスコープ付きスタイル、テーマの記述を進めるためのスキルです。

• 新しい`.tsrx`コンポーネントを作りたいとき
• JSXを`.tsrx`に変換したいとき
• 局所スタイルやテーマを追加したいとき

Octaneの変更をブランチからプルリクエストまで整えるため、作業場所、変更内容、検証、レビュー条件を確認しながら提出を支援します。

• 変更をPRとして提出したいとき
• 専用ブランチとworktreeを準備したいとき
• 検証結果を含むPR本文を作りたいとき

Octane向けのReactライブラリ移植を、依存関係やライセンスを確認しながら実装し、公開機能全体のテストと出所の証拠まで検証します。

• ReactライブラリをOctaneへ移植したいとき
• 移植前に依存関係とライセンスを確認したいとき
• 移植した機能全体のテストや型を検証したいとき

Octaneの画面でTanStack DBのライブクエリやページ送りを扱い、Suspense表示や入力更新の間引きを組み込むためのスキルです。

• ライブクエリで一覧を表示したいとき
• Suspenseでデータ取得を扱いたいとき
• 一覧に追加読み込みを付けたいとき

GitHubのissueを読み、種類や担当領域、影響度を整理したうえで、再現確認や修正案、必要に応じた実装計画をまとめます。

• issueの種類と担当領域を整理したいとき
• 報告された不具合の再現性を調べたいとき
• 修正案とテスト計画をまとめたいとき

Octaneの既存バインディングを監査し、根拠に基づいて依存関係やメタデータを保守したり、選定済みの不要ファイルを整理したりします。

• バインディングの保守状況を監査したいとき
• 依存関係やメタデータを更新したいとき
• 選定済みの不要ファイルを根拠付きで整理したいとき

Codex CLIを使ったコードの調査やリファクタリング、編集作業を進めるためのスキルです。実行条件を確認し、結果の評価や前回セッションの再開まで案内します。

• コードを読み取り専用で分析したいとき
• 既存コードをリファクタリングしたいとき
• Codex CLIで編集作業を進めたいとき

クリックやスクロールへの反応が遅いWebページを調べ、INPや長い処理フレーム、レイアウトのずれの原因を分析します。関連するスクリプトの特定にも役立ちます。

• クリックの反応が遅い原因を調べたいとき
• INPの悪化要因を分析したいとき
• スクロールのカクつきを調査したいとき

ページ上で動く測定スクリプトを使い、読み込み速度や画像・動画、操作の応答性など、Webパフォーマンスの問題を調査するスキルです。

• ページ全体の性能を監査したいとき
• サーバー応答や読み込み遅延を調べたいとき
• 画像・動画の読み込みを点検したいとき

回線の種類や速度、遅延、データセーバー設定を調べ、接続状況に応じた読み込み方を検討します。低速回線向けの画像・動画やリソースの調整方針も確認できます。

• 低速なモバイル回線での表示を改善したいとき
• 回線別の読み込み方を設計したいとき
• データセーバー利用時の挙動を確認したいとき

TTFBや初回描画を計測し、表示を妨げるCSS・JavaScript、フォントやリソースヒントを調べます。読み込みの遅い箇所を段階的に特定し、改善の優先順位を整理します。

• ページの読み込みが遅い原因を調べたいとき
• TTFBやFCPを計測したいとき
• 描画を妨げるCSSやJSを特定したいとき

WebページのLCP・CLS・INPを測定し、結果に応じて遅い表示やレイアウトのずれ、操作の反応を段階的に調べるスキルです。

• Core Web Vitalsを監査したいとき
• LCPが遅い原因を調べたいとき
• レイアウトのずれを特定したいとき

範囲や完了条件を先に整理し、テスト先行や作業記録、必要に応じた調査・委任を通じて、複数段階の開発作業を進めるための規律を示します。

• 実装前に範囲と完了条件を整理したいとき
• 動作変更をテスト先行で進めたいとき
• 大きな作業を小分けに記録したいとき

変更行数や依存関係を見て大きな変更をレビューしやすいPRに分割し、各PRの順序や境界、確認計画を整理します。

• 400行を超える変更を分割したいとき
• 依存するPRの順序を決めたいとき
• レビュー範囲を作業単位ごとに整理したいとき

リポジトリの投稿ルールやIssueフォーム、既存Issueを確認し、重複や必要情報を確かめてからGitHub Issueの作成・振り分けを進めます。

• 不具合報告をIssueにまとめたいとき
• 重複Issueを確認したいとき
• 投稿フォームに沿って要望を整理したいとき

承認済み課題と再現結果を起点に不具合修正を進め、影響範囲や検証証拠、変更量、切り戻し手順を整理する開発支援スキルです。

• 承認済み課題から修正計画を立てたいとき
• 影響する操作フローを洗い出したいとき
• テスト結果と証拠を記録したいとき

再利用するAIスキルの用途や判断基準を整理し、起動条件を含むSKILL.mdと必要な補助ファイルの作成・更新を支援します。

• 繰り返す作業をスキル化したいとき
• 既存スキルの構成を更新したいとき
• テンプレートや補足資料を整理したいとき

既存のAIエージェント向けスキルを点検し、構成や説明の問題を重要度別に報告します。明示的に依頼された場合は、安全な範囲で内容を整えます。

• 既存スキルの品質を点検したいとき
• 起動条件や指示の矛盾を確認したいとき
• スキルの改善案を整理したいとき

承認済み課題との関連付けやブランチ名、PR本文、ラベル、確認状況を整理し、変更をレビューに出すための候補を準備します。

• PR本文と変更内容を準備したいとき
• 課題リンクや必須項目を確認したいとき
• ブランチをレビュー提出用に整えたいとき

変更をレビューしやすいまとまりに分け、テストや関連ドキュメントも含めたコミットや段階的なPRの組み立てを計画します。

• 大きな機能をコミットに分割したいとき
• 段階的なPRの順序を決めたいとき
• テストや説明を変更と一緒にまとめたいとき

要件と解決案をユーザーと一緒に整理し、案ごとの適合度を比べて選定から実装単位への分割まで進めるスキルです。

• 課題と制約を要件に整理したいとき
• 複数の解決案を要件に照らして比べたいとき
• 選んだ案を実装単位に分けたいとき