Chrome MCP — 浏览器控制技能

通过 Chrome DevTools MCP 直接连接已运行的 Chrome，操控真实已登录的浏览器会话。

前提条件

Chrome 必须开启远程调试：打开 chrome://inspect/#remote-debugging 并启用开关。

工具优先级

优先使用 Chrome DevTools MCP 工具（chrome*），效率最高：

• - 无需截图即可读取页面结构（节省约 90% token）
• 直接操作 DOM 元素，稳定可靠
• 连接已登录的 Chrome 会话

如果 MCP 工具不可用，回退到 ~/.claude/skills/chrome-cdp/scripts/cdp.mjs。

Chrome DevTools MCP 核心工具

chromenavigate 导航到 URL，等待页面加载完成
chromescreenshot 截图（仅在需要视觉确认时使用）
chromegetaccessibilitytree 获取页面结构（首选，比截图高效 10 倍）
chromeclick 点击元素（CSS 选择器）
chrometype 在当前焦点输入文字
chromeevaluate 执行 JavaScript
chromewaitforelement 等待元素出现

X（Twitter）操作指南

浏览信息流

1. 1. chromenavigate → https://x.com/home
2. chromegetaccessibilitytree → 读取推文列表
3. 如需滚动加载更多：chromeevaluate → window.scrollBy(0, 800)
4. 重复步骤 2-3 直到获取足够内容

发推文

1. 1. chromenavigate → https://x.com/home
2. chromeclick → [data-testid=tweetTextarea_0]
3. chrometype → 推文内容
4. chromeclick → [data-testid=tweetButtonInline]

删除推文/取消转推

删除自己的推文：

1. 1. 定位到推文，chromeclick → [data-testid=caret]（三点菜单）
2. chromewaitforelement → [role=menuitem]
3. chromeclick → 第一个 menuitem（删除）
4. chromeclick → [role=alertdialog] [role=button]（确认）

取消转推：

1. 1. chromeclick → [data-testid=unretweet]
2. chromeclick → [data-testid=unretweetConfirm]

转推 / 点赞

转推: chromeclick → [data-testid=retweet] 然后 [data-testid=retweetConfirm]
点赞: chromeclick → [data-testid=like]

通用操作技巧

• - 优先用 getaccessibilitytree 而非截图：结构清晰，消耗 token 极少
• 等待加载：操作后如需等待，用 waitforelement 而非 sleep
• 长页面：通过 evaluate 执行 window.scrollBy 加载更多内容
• 跨域 iframe 输入：用 type 而非 evaluate（JS eval 在跨域 iframe 中无法访问）