Menü
Webサイトの解析・デバッグ・ネットワーク監視に関する要件
Mit Codex oder Claude installieren Kopieren Sie diesen Prompt, fügen Sie ihn in Codex, Claude oder einen anderen Assistant ein und lassen Sie die Skill-Seite prüfen und installieren.
Basierend auf der SOC-Berufsklassifikation
| name | Chrome DevTools Debugging |
| description | Webサイトの解析・デバッグ・ネットワーク監視に関する要件 |
| allowed-tools | Bash(agent-browser:*) |
Use chrome-devtools for deep technical inspection. Unlike agent-browser, this tool interacts with the browser's internal engine.
Core workflow:
inspect_dom - Analyze the HTML/CSS structure to find root causes of UI issues.get_console_logs - Check for JavaScript errors or warnings that aren't visible on the UI.get_network_requests - Monitor API calls, status codes, and payload data.evaluate_javascript - Execute JS directly in the browser context to test fixes or extract data.Combine with agent-browser when you need to navigate first, then debug the resulting state.
herdr で管理されている他の agent pane（別 worktree / 別タブで動く Claude Code や Codex 等）にメッセージを送り応答を確認する手順。「他の agent に FB して」「herdr 経由で伝えて」「並行作業中の agent に連絡して」等で使う。
ブラウザ操作に関する要件
Interview the user relentlessly about a plan or design until reaching shared understanding, resolving each branch of the decision tree. Use when user wants to stress-test a plan, get grilled on their design, or mentions "grill me" / 「詰めて」「設計を grill して」.
既存または新規のコメントを SoT 規約 (CLAUDE.md / code-comments rule) に照らして audit し、削除・短縮候補を抽出する手順。「他に削れるコメントある?」「コメント減らしたい」「AI-workslop ないか?」のような問い、または PR/diff のレビュー段階で使う。
GitHub CLI を使った PR 作成
セッションで得た学びを dotfiles ハーネス（Skill / Rule / Subagent）に恒久反映する方法論。「学んだことを焼き込みたい」「/learn」のときに使う。手順は Skill、原則は Rule、専門役割は Subagent に振り分け、共有レイヤー（dot_agents / .chezmoitemplates）優先で chezmoi ソースを編集し apply する。