Menu
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
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 する。
| 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.