SuperAPI AI 工具集

agentation-self-driving

设计与创作

查看项目

更新于 10-16 07:24

技能介绍

用途:让智能体以“自动驾驶”方式对网页做自主设计评审。浏览器必须可见(始终 --headed,禁止无头),用户实时观看扫描、悬停、点击和标注过程。

使用前先确认 agent-browser 可用:command -v agent-browser >/dev/null || { echo "ERROR: agent-browser not found. Install the agent-browser skill first."; exit 1; }。启动:agent-browser --headed open <url>,失败(旧会话)时先 agent-browser close 再重试。随后用 eval 检查 [data-feedback-toolbar] 是否存在,不存在说明该页未装 Agentation,应停止并告知用户;仅在折叠时展开。

主要能力:逐区生成 5-8 条批注,覆盖首屏标题层级与 CTA、导航分组、演示/插图、内容间距与排版层级、关键标语、CTA 与页脚。每条批注 2-3 句,具体可执行,给 1-2 个替代方案,指出设计原则并可类比 Stripe/Linear/Vercel。

关键用法:标准 click @ref 不会触发批注对话框,需用坐标点击:先 eval 的 scrollIntoView 与 getBoundingClientRect 取位置,再 mouse move → mouse down left → mouse up left;对话框在快照底部,用 fill @ref 填写、click @ref 提交,并用 [data-annotation-marker] 数量校验。@ref 仅支持 click、fill、type、hover、focus、check、select、drag;scrollintoview、get box、eval 需用 CSS 选择器。不要截断快照,也不要在 eval 中用双叹号或反斜杠转义引号。

安装:ln -s "$(pwd)/skills/agentation-self-driving" ~/.claude/skills/agentation-self-driving,重启 Claude Code 后用 /agentation-self-driving 验证。

限制:需已安装 agent-browser 与 Agentation;链接失效、未勾选“Block page interactions”、会话残留等会导致失败,需按排查项处理;中断后浏览器保持原状态,应 agent-browser close 清理。