browser
무료chrome-devtools-mcp の CLI (`chrome-devtools`) を使ったブラウザ操作の総合スキル。既存ブラウザへの attach / 使い捨てテストブラウザ / ログイン状態を保持する永続プロファイルのいずれかをユーザーに必ず確認した上でサーバを立ち上げ、スナップショット取得・クリック・入力・ナビゲーション・スクショ・ネットワーク監視などを行う。
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
本スキルを実行している AI(メインレビュアー)と Codex CLI による並列コードレビュー。親で差分・コンテキストを 1 回だけ収集し、メインレビュー(全観点を一括レビュー)と Codex(`/codex-review` 経由)を並列実行、結果を統合した review.md / review.html を生成する。
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
설치하기 전에 에이전트에게 전달되는 지시 내용을 확인할 수 있습니다.
メインレビュアー(本スキルを実行している AI。Claude Code とは限らない)と Codex CLI で並列にコードレビューを行い、結果を統合する。実行環境が Codex の場合もメインレビュー(本スキルの観点・手順)と /codex-review(ネイティブレビュー)は別の独立した実行として扱う。
効率化の肝: 差分取得・PR/Issue 情報収集・ローカル成果物読み込みは親(本スキル本体)で 1 回だけ実行し、diff.patch と context.html としてディスクに書き出す。メインレビューを担当するエージェントはこの 2 ファイルを Read するだけで共通コンテキストを得られる。Codex 側は別レビュアーの独立視点として /codex-review をそのまま呼び出す。
$ARGUMENTS は <対象> [tier] の形式。<対象> は PR 番号/URL または issue 番号/URL(省略可)。123、#123、PR URL、issue URL のいずれか。[tier] は /dev から渡される難易度(S / M / L / XL / fixed:<model>[/<effort>])で、メインレビュアー Agent の model / effort と観点の範囲を決めるためだけに使う(手順 4-A 参照)。
数値(123、#123)が渡された場合は、まず gh pr view <番号> を試みて PR が存在すれば PR モード、存在しなければ issue 番号として扱いローカルモードに入る。URL の場合は /pull/ を含めば PR、/issues/ を含めば issue として判定する。
メインレビュアー・Codex 双方とも、以下の観点を網羅的に見る。複数のレビュアーが同じ観点を独立に見ることで、見落としを相互補完する。
| 観点 | 主な確認事項 |
|---|---|
| 正確性 | ロジックのバグ・抜け漏れ、エッジケース(null / 空配列 / 境界値 / 並行処理 / 非同期の競合)、エラーハンドリングの妥当性、条件分岐・ループの網羅性 |
| 設計 | 責務分離、命名、既存パターンとの一貫性、抽象化レベル、モジュール境界・依存の向き |
| 副作用 / 影響範囲 | 変更・削除・リネームしたシンボル(関数・型・定数・ファイルパス・設定キー・環境変数等)の参照元、シグネチャ変更による型エラー、削除した機能の呼び出し元、挙動変更による既存フローへの影響、public API / DB スキーマ / 設定ファイルの破壊的変更 |
| セキュリティ | インジェクション(SQL / コマンド / XSS / SSRF / プロンプトインジェクション等)、認証・認可の不備(権限チェック漏れ、IDOR)、機密情報の漏洩、入力バリデーション、暗号・ハッシュの妥当性 |
| パフォーマンス | N+1 クエリ、計算量、不要な再レンダリング(React の依存配列・memo 化)、不要なアロケーション、ブロッキング操作、キャッシュの有効活用 |
| テスト | テストの網羅性、境界値・異常系のカバレッジ、アサーションの妥当性、過度なモック、テスト粒度、回帰テストの追加 |
| 可読性 | 深いネスト、長すぎる関数、不明瞭な命名、過剰な抽象化、コメントの質、認知負荷の高い構造 |
レビュー進行は タスク管理ツール(TaskCreate / TaskUpdate / TaskList) で管理する(無い環境では省く)。
スキル開始直後に、以下の 6 タスクを TaskCreate で一括登録する(すべて pending):
prepare-output-dir — 保存先判定と作成collect-diff — diff.patch の書き出しcollect-context — context.html の書き出しreview-main — メインレビュー(Agent 呼び出し、または本会話内)review-codex — Codex レビュー(/codex-review 呼び出し)integrate-review — review.md / review.html への統合TaskUpdate で in_progress に変更completed に変更(バッチ更新しない)review-main と review-codex)は 同時に両方を in_progress にしてよい。これは「同時に in_progress にできるのは 1 タスクのみ」の例外として運用するcancelled にし、もう一方の結果のみで integrate-review を進めるかユーザーに判断を仰ぐ$ARGUMENTS と現在の状態からレビュー対象を判定し、保存先 <output-dir> を決定する。
gh pr view <番号> で PR 情報を取得。<output-dir> = tmp/prs/<PR 番号><output-dir> = tmp/issues/<issue 番号>123, #123)が指定された場合: まず gh pr view <番号> を試み、成功すれば PR モード。失敗(該当 PR なし)した場合は issue 番号として扱いローカルモードに入る。<output-dir> はモードに応じて決定$ARGUMENTS が空の場合: gh pr view を試み、現在のブランチに PR が存在するか確認する
<output-dir> = tmp/prs/<PR 番号><output-dir> = tmp/issues/<issue 番号>(issue 番号が不明な場合は保存先を確認)mkdir -p <output-dir> で作成する。
親の Bash ツールで 1 回だけ実行し、<output-dir>/diff.patch に保存する:
gh pr diff <PR 番号> > <output-dir>/diff.patchgit diff <base>...HEAD > <output-dir>/diff.patch(<base> は tmp/config.json の base_branch。無ければ git remote show origin の HEAD branch を検出して tmp/config.json に保存する)PR / Issue / ローカル成果物の情報を収集し、<output-dir>/context.html に親の Write ツールで HTML として書き出す。メインレビュアーはこのファイルを Read してコンテキストを得る。
収集内容:
gh pr view の結果から PR タイトル・説明・作成者・関連 issue を取得gh issue view で issue の目的・要件を取得tmp/issues/<issue 番号>/ 配下の既存成果物があれば要点を抽出
plan.md — 実装計画。意図した設計や変更方針(md が無ければ plan.html。以降も同様)report.md — 実装レポート。実装者が認識している懸念点や追加変更implementation-notes.md — 実装ノート。計画からの逸脱(Deviations)と実装中の判断checklist.html — 受け入れテストチェックリストpr.md — PR テキストcontext.html のフォーマットは assets/context-template.html を参照。該当しないセクション(例: ローカルモード時の PR 情報、PR モード時のローカル成果物)は省略してよい。
1 メッセージ内で 2 つのレビューを並列発行する(逐次実行しない)。
dev-<model>-<effort> を起動、それ以外の環境では本会話内で実施)Agent を 1 つ起動する。model / effort は tier で決める: S → opus/medium、M → opus/high、L / XL → fable/xhigh、fixed:<model>[/<effort>] → その値、tier 省略時 → fable/xhigh(must 指摘の精度がループ回数に直結するため、指定が無ければ高い方に倒す)。subagent_type は dev-<model>-<effort>(/dev が ~/.claude/agents/ に置く、model をフル ID で固定した定義。model 引数は渡さない — エイリアス opus は環境により Opus 5 に解決されるため)。定義が無い場合は Opus 5 に落ちうる general-purpose + model で代替せず、メインレビューをスキップして Codex のみで進め、review.md にその旨を明記する。Claude Code 以外の環境(subagent_type を取る Agent ツールが無い)では、スキップせず本スキルを実行している AI 自身が本会話内で同じ観点・同じ出力形式でメインレビューを実施する(Opus 5 回避の事情が無いため。tier による model / effort の切り替えは無視する)。S では観点を「正確性」「副作用 / 影響範囲」の 2 つに絞る(<review-perspectives> にその 2 行だけ転記し、プロンプトの「全観点」を「この 2 観点」に読み替える)。プロンプトは以下:
あなたはコードレビュアーです。以下の入力ファイルを Read してから、全観点を網羅したレビューを実施し、結果を output-path に HTML で Write してください。
## 入力ファイル
- diff-path: <output-dir 絶対パス>/diff.patch
- context-path: <output-dir 絶対パス>/context.html
## 出力先
- output-path: <output-dir 絶対パス>/review-main.html
## レビュー観点(全てを網羅的に見る)
<review-perspectives>
## 手順
1. `diff-path` を Read して差分を取得(`gh` / `git` を自分で叩かない)
2. `context-path` を Read して PR / Issue / 既存成果物の要約を把握
3. diff に現れた変更ファイルごとに、コードベースの該当箇所を Read / Grep で深掘りし、上記全観点でレビュー
4. 結果を `output-path` に HTML で Write して保存
## 出力フォーマット
HTML で以下のセクションを `<h2>` 等の見出しで含める:
- **概要**: 変更の骨子(`context.html` を踏まえる)
- **良い点**: 評価できる実装
- **指摘事項**: 重要度別(must / should / nit)に `<h3>` で分け、各指摘に観点タグ(正確性 / 設計 / 副作用 / セキュリティ / パフォーマンス / テスト / 可読性)をバッジで付与
- **まとめ**: 総合判断(マージ可否、ブロッカーの有無)
CSS による重要度の色分け(must=赤 / should=黄 / nit=灰)、観点バッジ、必要に応じて Mermaid 等の図表を活用してよい。
## 制約
- 軽微なスタイル指摘(空白・改行など)は扱わない(リンター責務)
- 指摘には必ず `ファイルパス:行番号` を含める
- 指摘ごとに重要度(must / should / nit)を付与
- 良い点も積極的にコメントする
- コードベースの検索は Grep ツール、または `git grep` / `rg` を使う(gitignore されたファイルを読まない)。Bash の `grep -r` / `find <dir>` は `.secret.local` 等の deny ルール対象ファイルを走査して承認待ちになるため使わない。やむを得ず使う場合は `--exclude='.secret*' --exclude-dir=node_modules` を必ず付ける
パスは絶対パスで渡す(エージェントの CWD が親と一致する保証がないため)。<review-perspectives> には本 SKILL.md 冒頭の「レビュー観点」セクションの表をそのまま転記して展開する(観点表の定義は 1 箇所に保つため、プロンプト内には重複記載しない)。
/codex-review を起動)Skill ツールで codex-review を呼び出す。args には $ARGUMENTS をそのまま渡す(PR 番号 / URL / 空文字列)。Codex は内部で差分取得・情報収集・全観点レビューを行い、以下のいずれかに review-codex.html を出力する:
tmp/prs/<PR 番号>/review-codex.htmltmp/issues/<issue 番号>/review-codex.html同一メッセージ内で Agent ツール(4-A)と Skill ツール(4-B)を同時に発行する。両者の完了を待ってから次のステップへ進む。
メインレビュー(review-main.html)と Codex レビュー(review-codex.html)の両方を Read し、統合結果を <output-dir>/review.md に書き出す(md が正。/quiz や /dev はこちらを読む)。続けて同じ内容を人間用に <output-dir>/review.html としてレンダリングする。
統合時のルール:
context.html を参照)main / codex)を付与。同じ指摘が両方から上がっている場合は統合し、レビュアータグを両方付ける(両者が独立に指摘 = 確度が高いとして強調表示)。各指摘に観点タグも併記HTML を採用する理由: 重要度の色分け(must=赤 / should=黄 / nit=灰)・レビュアー別バッジ・両者一致指摘の強調・<details> 折りたたみなど、Markdown では困難な表現を使うため。
統合後の review.md / review.html は以下のセクションを md の見出し(##)として含める(html も同構成。テンプレートは置かない):
<h3> で分け、各指摘にレビュアータグ + 観点タグ)review.html のサマリ(各重要度の件数、両者一致の件数、ブロッカー概要、総合判断)をユーザーに提示する。詳細は review-main.html と review-codex.html を参照するよう案内する(パスを案内するだけで、ブラウザで開くのは統合結果の review.html のみ。review-main.html / review-codex.html / context.html は開かない)。
<output-dir>/diff.patch と <output-dir>/context.html は中間成果物として残す(後から再確認や再実行のため)。不要なら手動で削除する。
아직 리뷰가 없습니다. 사용해 본 소감을 남겨 주세요.
로그인 없이 쓸 수 있습니다. 사용 후기, 질문, 작동하지 않은 환경 등을 편하게 남겨 주세요.
아직 댓글이 없습니다. 첫 댓글을 남겨 보세요.
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 のタイトルと説明文を作成する。
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.