browser
免费chrome-devtools-mcp の CLI (`chrome-devtools`) を使ったブラウザ操作の総合スキル。既存ブラウザへの attach / 使い捨てテストブラウザ / ログイン状態を保持する永続プロファイルのいずれかをユーザーに必ず確認した上でサーバを立ち上げ、スナップショット取得・クリック・入力・ナビゲーション・スクショ・ネットワーク監視などを行う。
中文简介正在准备中。当前显示原文说明。
research の結果と受け入れ条件をもとに、実装方法を選択し TDD ベースの実装計画と動作確認チェックリストを作成する。
中文简介正在准备中。当前显示原文说明。
安装前可以查看交给 AI 代理的指令内容。
GitHub issue ( $ARGUMENTS ) から実装計画と動作確認チェックリストを作成する。
本スキルは 意思決定 + 計画策定 に責務を持つ。/research が列挙した候補から実装方法を選択し、受け入れ条件をタスクにマッピングして TDD で計画化し、AC を検証可能にする動作確認チェックリストまで作成する(チェックリストを計画段階で作ることで、/review-plan が実装前にカバレッジを検証できる)。
plan.md は /implement が持つ唯一の文脈(あとは自力の grep だけ)。したがって plan.md の良さは分量ではなく、/implement が自力で探さずに済む情報がどれだけ入っているかで決まる。
| 書く(探索の代替になる) | 書かない / 最小限にする(探索を減らさない) |
|---|---|
| 変更対象の正確なファイルパス | 方式選択の長い理由づけ(1〜3 行で足りる) |
| 追加・変更する関数 / メソッド / シンボル名とシグネチャ | 却下した代替案の詳細(research.md にある) |
参照すべき既存実装の具体的な場所(path:行 または関数名) | issue 本文の言い直し |
| 具体的なテストケース(入力と期待結果) | コードの振る舞いを散文で描写した説明 |
| データ形状・エラー処理・命名・配置の決定事項 | 一般的なベストプラクティスの解説 |
理由は 2 つ。
/implement の判断を消せる — 「どこを触るか」「どう構造化するか」が決まっていれば、/implement は二回目の設計をしなくて済む。/dev は M / L の implement を Opus で走らせる前提で組まれているので、ここの具体度がそのまま実装の精度になる。足りないと test 失敗ループに落ち、最悪 plan の書き直しに戻ってくる判断基準: ある一文を削ったとき /implement が grep を 1 回増やすなら、それは残す。増やさないなら削る。
$ARGUMENTS は <issue> [mode] [lite] の形式で受け取る。
<issue>: issue 番号(123、#123)または URL[mode]: auto / normal。auto の場合、本スキル内ではユーザーに質問せず、選択・判断はすべて推奨案で自動決定して、その選択理由と置いた仮定を plan.md に明記する。省略時は normal 相当(質問する)/dev から起動されたとき): normal でも直接は質問できない。質問は呼び出し元の指示どおり tmp/issues/<issue番号>/questions.json(AskUserQuestion と同じ構造: question / header / multiSelect / options[])に書き、最終メッセージを status: needs-input として一旦終了する。回答(answers)が渡されたら文脈を保ったまま続きから進める[lite]: 簡易計画モード。/dev が難易度 tier S(1〜2 ファイルの定型・局所変更、副作用なし)と判定した issue で使う。research.md を前提とせず、手順を次のように縮める:
gh issue view から AC を直接抽出する(research の fallback と同じ)。AC が曖昧なら通常どおり質問(auto は仮定を明記)/dev はこれを読んで tier を上げる)lite で作成した旨を書くプロジェクト(git root)の .agents/skills-config/plan/config.json を読み込み、attentions 配列に記載されたプロジェクト固有の注意点(副作用カスケード、暗黙の必須セット、フレームワーク特有のエントリポイント、過去の手戻り事例など)を把握する。ファイルが無ければ注意点なしとして続行する。以降の計画策定で該当する変更が含まれる場合、対応する波及範囲を計画に反映する。
tmp/issues/<issue番号>/ 配下の以下を確認し、存在すればインプットとして活用する。
research.md(md が無ければ research.html。以降も同様): 受け入れ条件・影響範囲・実装方法の候補・リファレンス・盲点候補(必須相当。なければ step 3 で警告)plan.md / checklist.html: 既存の計画とチェックリスト(再計画モード: テスト失敗等で再実行された場合は、新規作成ではなく既存内容を更新する)implementation-notes.md: 再計画モードの場合、実装中に記録された逸脱(Deviations)を計画へ反映するresearch.md がある場合: その「受け入れ条件」セクションから AC を読み込むresearch.md が無い場合: gh issue view で issue を取得し、AC を抽出する。issue に AC が無い・曖昧な場合は AskUserQuestion でユーザーに確認する(本来 /research で行う作業の fallback。auto では確認せず、抽出した AC と置いた仮定を plan.md に明記する)research.md の「実装方法の候補」セクションから候補を読み込むAskUserQuestion で ユーザーに選択してもらう(自由入力でのフィードバックも受け付ける)。auto の場合は質問せず推奨度最上位の案を採用し、選択理由を plan.md に記録するresearch.md が無い場合は本スキル内でコードベース調査 + 候補列挙を行ってから選択するplan.md がある)の場合: 既存計画で選択された方式を尊重し、変更が必要な場合のみ再選択する(auto 以外はユーザーに確認)選択された実装方法から、変更が引き起こす 副作用 identifier(コードに直接現れない間接依存の起点)を洗い出す。例:
orders/{orderId} など)抽出方法:
.set() .update() publish() emit() enqueue() 等)から identifier を列挙config.json の attentions のうち、該当する identifier に関する注意点を波及範囲に組み込む選択された方法・AC・副作用 identifier をもとに、TDD(Red → Green → Refactor)の流れで実装計画を立てる。
/simplify でリファクタリングする(Refactor)」の順で構成する/implement が自力で探さずに済むかはここで決まる):
path:行 または関数名で名指しする(「既存の実装に合わせる」では /implement が探しに行くことになる)/implement に委ねない)。本質的に実装時にしか決まらないものは「implement 判断」と明記して残してよいタスクが全て完了した上で 「この issue 全体として何を満たせば完了とみなすか」 を明文化する。各タスク単位の完了条件(step 6)とは別に、issue 全体の合格基準として /dev の DoD ゲート(plan / implement / test / review のループ脱出条件) になる。
以下のカテゴリで漏れなく定義する:
checklist.html の全項目が pass(チェックリスト本体は step 8 で作成し、DoD からは参照する)/simplify 通過、デバッグログ・コメント残骸の除去各項目は 検証可能な粒度 で書く(「動作確認した」ではなく「checklist.html の項目が全 pass」のように、何をもって満たしたとみなすかが明確であること)。issue 固有の合格基準(性能目標、UI 仕様、外部連携の挙動など)も加える。
再計画モードでは既存の DoD を尊重し、追加要件があれば追記する。
AC・タスク・副作用 identifier を起点に、tmp/issues/<issue番号>/checklist.html を plan.html とは別ファイルとして 作成する(/test がチェック結果を書き込むため、計画書とは分離する)。
[AC1] 不正なメールでエラーが表示される)<input type="checkbox"> でブラウザ上で進捗を追えるようにする撮影名(連番_内容。例: 01_ログイン画面)・URL・到達手順(ログイン等の前提操作)を表形式で列挙する。/capture スキルがこの台本を共通の手順書として before(実装前・/dev から呼ばれる)/ after(実装後・/test から呼ばれる)を同名ファイルで撮影し、/test が前後比較(compare.html)を生成する。UI 変更が無い issue ではセクション自体を出力しない(/capture と比較生成の自動スキップ判定に使われる)必須セクション(見出しとして含める): 前提条件(環境・テストデータ等)/ 正常系 / 異常系 / エッジケース / 補助項目。UI 変更がある場合のみ UI 撮影台本 を加える。
再計画モードでは既存 checklist.html を更新する。内容が変わらない項目の checked 状態(前回のテスト結果)は保持する。UI 撮影台本の既存の撮影名は変更しない(撮影済みの screenshots/before/ とのファイル名対応が崩れるため。画面の追加は新しい連番で行う)。
計画を tmp/issues/<issue番号>/plan.md に書き出す(md が正。後続スキル /review-plan / /implement / /dev 等はこちらを読む)。続けて同じ内容を人間のレビュー用に plan.html としてレンダリングする(TDD フェーズの色分け・<details> 折りたたみ・Mermaid 図などのリッチ表現はこちらに)。
checklist.html は例外として html 単一のまま(/test がチェック結果を書き込む状態ファイルのため。step 8 参照)レイアウトやスタイル、図表の有無・種類は計画内容に応じて自由に設計してよい(テンプレートは置かない)。ただし他スキルが情報を抽出できるよう、以下のセクションは md の見出し(##)として含めること(html も同構成にする)。
auto の場合は自動決定の根拠と置いた仮定も簡潔に)path:行 または関数名で名指しする処理フロー・データフロー・コンポーネント関係・状態遷移などが計画の理解を助ける場合は、Mermaid や SVG で図を積極的に追加してよい。ただし図は plan.html 側に置く(人間のレビュー用)。plan.md は /implement が読むファイルなので、図で説明するより名前とパスで名指しする方が効く。
/research は候補列挙までで選択しない)/research で確定済みのものを使う)。research が無い場合のみ fallback として本スキルで AC を確定するauto では保守的な解釈を採用し、仮定として plan.md に明記する)config.json の attentions は LLM が解釈する自然言語のメモ。形式を厳密に判定せず、関連しそうな注意点は積極的に計画に反映する/implement の探索を減らさない記述は、ターン数の分だけ無駄になる。削る対象は散文的な説明・背景・却下案の詳細で、削ってはいけないのはパス・シグネチャ・テストケース・決定事項/dev は XL の implement を Fable で走らせる还没有评价。欢迎分享你的使用感受。
无需登录即可发表。欢迎分享使用感受、提问,或说明在哪些环境下无法运行。
还没有评论。来写第一条吧。
chrome-devtools-mcp の CLI (`chrome-devtools`) を使ったブラウザ操作の総合スキル。既存ブラウザへの attach / 使い捨てテストブラウザ / ログイン状態を保持する永続プロファイルのいずれかをユーザーに必ず確認した上でサーバを立ち上げ、スナップショット取得・クリック・入力・ナビゲーション・スクショ・ネットワーク監視などを行う。
中文简介正在准备中。当前显示原文说明。
checklist の「UI 撮影台本」に沿って UI のスクリーンショットを撮影し、前後比較(compare.html)用の before / after 素材を保存する。「実装前の UI を撮っておいて」「after のスクショを撮って」などの依頼で発火する。
中文简介正在准备中。当前显示原文说明。
Read and analyze log entries from Cloud Logging using the gcloud CLI.
中文简介正在准备中。当前显示原文说明。
Codex 公式プラグイン (codex-plugin-cc) のネイティブレビューでコードレビューを実施する。PR 番号指定時は PR を、無指定時は現在ブランチとベースブランチの差分をレビューする。
中文简介正在准备中。当前显示原文说明。
指定された内容をクリップボードにコピーするスキル。ファイルパスならその中身を、テキストならそのまま、会話中の直前の出力(コマンド結果・生成コード・URL など)を指す場合はその内容を pbcopy でコピーする。ユーザーが「コピーして」「クリップボードに入れて」などコピーの意図を示したら必ず使用する。
中文简介正在准备中。当前显示原文说明。
GitHub issue から PR のタイトルと説明文を作成する。
中文简介正在准备中。当前显示原文说明。