cdp-cli
星标10
分支3
更新时间2026年7月12日 03:58
Use for browser testing/automation via Chrome DevTools Protocol (cdp-cli).
安装
用 Codex 或 Claude 帮你安装 复制这段 Prompt，粘贴到 Codex、Claude 或其他助手里，让它检查 Skill 页面并帮你完成安装。
SKILL.md
readonly
下载
相关职业SOC
基于 SOC 职业分类
菜单
Use for browser testing/automation via Chrome DevTools Protocol (cdp-cli).
用 Codex 或 Claude 帮你安装 复制这段 Prompt，粘贴到 Codex、Claude 或其他助手里，让它检查 Skill 页面并帮你完成安装。
基于 SOC 职业分类
Use when drafting, writing, or filing a Linear ticket/issue, or asked for a Linear title/body/description.
Use when drafting, writing, or opening a pull request (gh pr create), or asked for a PR title/body/description.
Writing voice for authored prose — PR bodies, Linear tickets, review comments, commit messages.
Hand a file to the user's running editor and block until they finish editing it. Use whenever a draft (PR body, ticket, commit message, any generated file) needs the user's review before you act on it, or when a task says "open this in my editor/vim/nvim".
Clojure style guidelines. Activate before writing or editing Clojure code
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.
| name | cdp-cli |
| description | Use for browser testing/automation via Chrome DevTools Protocol (cdp-cli). |
| allowed-tools | Bash(cdp-cli:*) |
Use this skill when a task says “test in browser”, “verify button flow”, “check console/network”, or “use cdp-cli”.
Assumptions:
http://localhost:9222cdp-cli tabs
cdp-cli click <page> <selector> --user-gesture
eval (before/after facts), not visuals alone.# A) find/open page
cdp-cli tabs
cdp-cli new "http://localhost:8000/settings" # if needed
# B) baseline
cdp-cli eval "localhost:8000/settings" "({url: location.href, title: document.title})"
# C) interact
cdp-cli fill "localhost:8000/settings" "2" "input"
cdp-cli click "localhost:8000/settings" "button" --user-gesture
# D) verify
cdp-cli eval "localhost:8000/settings" "(async () => {
await new Promise(r => setTimeout(r, 500));
return {ok: true};
})()"
# E) debug if failing
cdp-cli console "localhost:8000/settings" --inspect --type error --tail 100
cdp-cli network "localhost:8000/settings" --duration 3
cdp-cli click <page> <selector> --user-gesture
Use for activation-gated behavior (fullscreen/WebXR/etc.) and generally safer app-flow simulation.
cdp-cli eval "<page>" "(async () => {
const before = /* read state */;
await new Promise(r => setTimeout(r, 500));
const after = /* read state */;
return {before, after, changed: before !== after};
})()"
cdp-cli console <page> --inspect --type error --tail 200
cdp-cli tabs
cdp-cli new [url]
cdp-cli go <page> <url|back|forward|reload>
cdp-cli close <idOrTitle>
cdp-cli snapshot <page> [--format ax|text|dom]
cdp-cli eval <page> "<js>"
cdp-cli console <page> [--inspect] [--type error] [--tail N]
cdp-cli network <page> [--duration S] [--type fetch|xhr]
cdp-cli click <page> <selector> [--user-gesture] [--double]
cdp-cli fill <page> <value> <selector>
cdp-cli key <page> <key>
cdp-cli screenshot <page> --output <path>
Return these explicitly:
--user-gesture when clicking)