一键导入
chrome-devtools-debugging
Webサイトの解析・デバッグ・ネットワーク監視に関する要件
用 Codex 或 Claude 帮你安装 复制这段 Prompt,粘贴到 Codex、Claude 或其他助手里,让它检查 Skill 页面并帮你完成安装。
菜单
Webサイトの解析・デバッグ・ネットワーク監視に関する要件
用 Codex 或 Claude 帮你安装 复制这段 Prompt,粘贴到 Codex、Claude 或其他助手里,让它检查 Skill 页面并帮你完成安装。
基于 SOC 职业分类
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.