Menu
ブラウザで動作確認を実行する。Playwright MCP または Chrome DevTools MCP を利用可能な場合に自動化。Webアプリの機能検証・回帰確認用。
Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.
Based on SOC occupation classification
| name | browser-test |
| description | ブラウザで動作確認を実行する。Playwright MCP または Chrome DevTools MCP を利用可能な場合に自動化。Webアプリの機能検証・回帰確認用。 |
| argument-hint | [url] |
| disable-model-invocation | true |
| allowed-tools | ["Bash","mcp__playwright__browser_navigate","mcp__playwright__browser_snapshot","mcp__playwright__browser_click","mcp__playwright__browser_fill_form","mcp__playwright__browser_take_screenshot","mcp__playwright__browser_type","mcp__playwright__browser_evaluate","mcp__playwright__browser_console_messages","mcp__playwright__browser_wait_for","mcp__playwright__browser_tabs","mcp__playwright__browser_navigate_back","mcp__playwright__browser_close","mcp__playwright__browser_resize","mcp__playwright__browser_handle_dialog","mcp__playwright__browser_press_key","mcp__playwright__browser_hover","mcp__playwright__browser_select_option","mcp__playwright__browser_drag","mcp__playwright__browser_network_requests","mcp__playwright__browser_file_upload","mcp__playwright__browser_install","mcp__chrome-devtools__navigate_page","mcp__chrome-devtools__take_snapshot","mcp__chrome-devtools__click","mcp__chrome-devtools__fill_form","mcp__chrome-devtools__take_screenshot","mcp__chrome-devtools__type","mcp__chrome-devtools__evaluate_script","mcp__chrome-devtools__list_console_messages","mcp__chrome-devtools__wait_for","mcp__chrome-devtools__list_pages","mcp__chrome-devtools__new_page","mcp__chrome-devtools__select_page","mcp__chrome-devtools__close_page","mcp__chrome-devtools__navigate_page_history","mcp__chrome-devtools__resize_page","mcp__chrome-devtools__handle_dialog","mcp__chrome-devtools__hover","mcp__chrome-devtools__drag","mcp__chrome-devtools__list_network_requests","mcp__chrome-devtools__get_network_request","mcp__chrome-devtools__upload_file","mcp__chrome-devtools__emulate_network","mcp__chrome-devtools__emulate_cpu","mcp__chrome-devtools__performance_start_trace","mcp__chrome-devtools__performance_stop_trace","mcp__chrome-devtools__performance_analyze_insight"] |
現在のブランチで実装されたWeb機能をブラウザで動作確認する。Playwright MCP または Chrome DevTools MCP を利用可能な方を自動選択する。
このコマンドは以下のいずれかのMCPサーバが必要:
どちらも利用できない環境では、手動確認手順を案内する。
/ndf:browser-test # 現在のブランチの実装を確認
/ndf:browser-test http://localhost:8080 # 特定URLを確認
/Applications/Google\ Chrome.app/Contents/MacOS/Google\ Chrome --remote-debugging-port=9222chrome.exe --remote-debugging-port=9222google-chrome --remote-debugging-port=9222プロジェクトで使っている起動方法に応じて確認:
# Docker Compose の場合
docker compose ps
# ネイティブ起動の場合
curl -fsS http://localhost:<port>/health || echo "NOT RUNNING"
起動していない場合は、起動手順をユーザーに案内。
/ ）にアクセス実装された機能に応じて適切な画面に遷移する。
必要に応じて以下の操作を実行:
## 動作確認結果
### 実施項目
- [x] ログイン
- [x] 機能画面表示
- [x] フォーム送信
- [x] 結果表示
### 確認事項
- コンソールエラー: なし
- ネットワークエラー: なし
- 期待結果との一致: ok
### 気になる点
- ...（あれば）
.env.example / README 等から確認。機密情報として扱う/ndf:review-branch — 変更差分のコードレビュー/ndf:pr-tests — PR Test Plan の自動実行修正を複数ブランチに適用する際のブランチ戦略。featureブランチへの先行commitとcherry-pickによる短命branchへの適用手順。環境別branch（qa/staging/epsilon等）への修正適用時に参照する。
DeepWiki (Devin MCP) のドキュメント内容を対象リポジトリの Markdown ファイルとして転載する。セクション構成維持・番号付きファイル分割・GFM 準拠補正・日本語翻訳 (オプション) まで自動処理。
PRのレビューコメントを確認し、優先度に応じてコード修正を実行する。サブエージェント (general-purpose) 起動にも対応。--defer-nit / --severity-min で対応範囲を制御。
実装プランファイル作成・更新の手順。実装開始時およびPR作成時にissues/配下の実装プランの有無を確認し、なければ会話履歴・git log・git diffから生成する。複数ファイル変更・新規機能追加・DBマイグレーション伴う変更が対象。
調査レポート作成のルール。否定的結論のエビデンス要件、残課題の記載フォーマット、ハルシネーション防止のための裏取り原則を扱う。DB調査に限らずコードベース調査・仕様調査一般に適用。
ログを追加・修正する際のガイドライン。ログレベルの選択基準、ループ内ログの制御、エラー蓄積パターン、機密情報の扱いを扱う。言語/FW非依存の原則。