关于这个 Skill
从上到下检查页面，定位具体元素，在其位置打开批注并留下简短、可操作的建议。指令包含工具栏状态、坐标交互、Shadow DOM 访问，以及每条批注完成后的确认。
为什么推荐
审查工作流依赖已安装的 Agentation 工具栏与 agent-browser CLI。它负责创建批注；自动修改代码还需要另外连接的 Agent 与 MCP 流程。
适合用来做什么
- 在用户观看浏览器时为页面添加审查批注。
- 检查层级、导航、间距、排版和操作入口。
- 把准确的元素上下文交给后续实现 Agent。
执行批注循环
检查浏览器和工具栏
打开可见浏览器，确认工具栏存在，仅在收起时展开，并启用阻止页面交互。
定位具体元素
检查页面，将元素滚入视口并获取位置；上游 CLI 流程使用坐标式指针输入触发批注覆盖层。
填写并核对批注
用简短批评说明具体修改和设计原则，提交后确认批注数增加，再继续检查。
让反馈具体可执行
工作流覆盖首屏、导航、插图、内容节奏、排版和尾部操作。典型页面建议五到八条批注，每条保持简洁并可执行。
审查和修改代码是不同步骤。可选的双会话流程通过 MCP 将批注传给另一个修改代码的 Agent；仅安装本 Skill 不会建立该连接。
先接入工具栏，再安装审查工作流
页面没有工具栏时先使用配套接入 Skill。上游指令也包含过期浏览器会话、工具栏收起与批注未保存等排查方法。
| 命令 | 用途与使用时机 |
|---|---|
npx skills add benjitaylor/agentation --skill agentation-self-driving | 选择自动批注审查工作流。 |
使用前需要了解
- 目标页面已安装 Agentation 工具栏。
- 上游明确依赖 agent-browser CLI 和可见的桌面浏览器。
- 助手需要能执行浏览器命令并与页面交互。
- 可选的审查并修复循环需要 MCP 连接和另一个监听 Agent；仅创建审查批注可不连接。
支持的 Agent
Claude CodeCodex CLICursorGitHub CopilotDeepSeek HarnessGemini CLIGrok BuildHermes AgentOpenCodePiKiroRovo DevQoderMistral VibeGoogle Antigravity
资料与来源
原始资料见下方链接；文中的上手建议由 SkillHey 编辑整理。
