Chrome Web Automation
Use this skill before any browser interaction that depends on the user's live Chrome session.
Workflow
- 1. Start by inspecting current tabs and browser context.
- Navigate or select the right tab.
- Snapshot the page before interacting.
- Click, type, submit, and screenshot using stable references.
- Re-snapshot after navigation or large DOM updates.
Best Fits
- - Web app debugging
- Form filling
- Screenshot capture
- Console or tab inspection
- Reproducing UI issues in a user browser session
Guardrails
- - Re-snapshot when element references go stale.
- Do not assume current tab state without checking.
- Prefer explicit browser actions over ambiguous natural-language leaps.
Example Requests
- - Open the current Chrome session and reproduce this checkout bug.
- Fill the form, capture screenshots, and show me where validation breaks.
Inputs
- - Target site or current tab context
- Desired browser actions
- Artifacts to capture
Outputs
- - Browser interaction transcript
- Screenshots or evidence
- Reproduction notes
Success Criteria
- - The correct tab or page was inspected.
- Interactions were completed against fresh page state.
- Useful artifacts were captured when needed.
Non-Goals
- - Synthetic browser testing unrelated to the user browser context
Source Provenance
Derived from
src/skills/bundled/claudeInChrome.ts.
Chrome 网页自动化
在与用户实时 Chrome 会话相关的任何浏览器交互之前，请先使用此技能。
工作流程
- 1. 首先检查当前标签页和浏览器上下文。
- 导航或选择正确的标签页。
- 在交互前对页面进行快照。
- 使用稳定引用进行点击、输入、提交和截图。
- 在导航或大型 DOM 更新后重新快照。
最佳适用场景
- - Web 应用调试
- 表单填写
- 截图捕获
- 控制台或标签页检查
- 在用户浏览器会话中复现 UI 问题
使用准则
- - 当元素引用失效时，重新进行快照。
- 未经检查，不要假设当前标签页状态。
- 优先使用明确的浏览器操作，而非模糊的自然语言跳跃。
示例请求
- - 打开当前 Chrome 会话，复现此结账错误。
- 填写表单，捕获截图，并向我展示验证失败的位置。
输入
- - 目标网站或当前标签页上下文
- 所需的浏览器操作
- 需要捕获的产物
输出
成功标准
- - 检查了正确的标签页或页面。
- 在最新页面状态下完成了交互。
- 在需要时捕获了有用的产物。
非目标
来源出处
源自 src/skills/bundled/claudeInChrome.ts。
