メニュー
`playwright-cli` を shell から使ってブラウザ操作、動作確認、スクリーンショット、ネットワーク確認、デバッグを行う。ブラウザ手動確認や UI デバッグで使う。
Codex または Claude でインストール この Prompt をコピーして Codex、Claude、または他のアシスタントに貼り付けると、Skill ページを確認してインストールできます。
SOC 職業分類に基づく
Codexに専門レビュアーロールを割り当てて並列レビュー。修正は行わない。
サブエージェント1体+Codex1体の軽量クロスレビュー。普段使い向け。修正は行わない。
playwright-cliでブラウザ動作確認を標準化された手順で実施する。
機能開発の一気通貫ワークフロー。
最大6サブエージェントを並列起動し、スコアベースで集約したレビューレポートを出力する。修正は行わない。
レビュー → 修正 → 再レビューを全員LGTMが出るまで回す。デフォルトは /cross-review。
| name | playwright-cli |
| description | `playwright-cli` を shell から使ってブラウザ操作、動作確認、スクリーンショット、ネットワーク確認、デバッグを行う。ブラウザ手動確認や UI デバッグで使う。 |
playwright-cli を shell から直接叩いてブラウザを操作する。
apps/frontend/vite.config.tsapps/backend/.envplaywright-cli open http://localhost:<port>
playwright-cli snapshot
playwright-cli click e3
playwright-cli fill e1 "test"
playwright-cli press Enter
playwright-cli snapshot
playwright-cli screenshot
playwright-cli console error
playwright-cli network
playwright-cli close
open <url>: ブラウザを開くsnapshot: 要素参照を取得するclick <ref> / fill <ref> <text> / press <key>: UI 操作console [level]: コンソール確認network: ネットワーク確認screenshot: スクリーンショット保存route / unroute: API モックstate-save / state-load: 認証状態保存tab-new / tab-list / tab-select: タブ操作eval / run-code: JS 実行snapshot を取り直すplaywright-cli list でセッションを確認する-s <name> を付ける.codex/skills/browser-check/SKILL.md にまとめる