browser
무료chrome-devtools-mcp の CLI (`chrome-devtools`) を使ったブラウザ操作の総合スキル。既存ブラウザへの attach / 使い捨てテストブラウザ / ログイン状態を保持する永続プロファイルのいずれかをユーザーに必ず確認した上でサーバを立ち上げ、スナップショット取得・クリック・入力・ナビゲーション・スクショ・ネットワーク監視などを行う。
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
research の結果と受け入れ条件をもとに、実装方法を選択し TDD ベースの実装計画と動作確認チェックリストを作成する。
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
설치하기 전에 에이전트에게 전달되는 지시 내용을 확인할 수 있습니다.
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 のタイトルと説明文を作成する。
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.