验界面用这Skill看操作前后

用本地浏览器自动化验证UI行为,截图检查和复现视觉Bug。

control-ui 是为本地界面验证组织浏览器或 CDP 操作的 Skill。它优先复用已有测试工具,确认目标页面,再记录动作前后状态与必要日志。

多个窗口连在同一调试入口时,先用产品标记选中目标,不能只拿第一个标签页。点击对象来自最新页面结构,跳转和重绘后要重新确认。

一次动作之后检查预期变化,截图、控制台和网络证据各回答不同问题。图片看起来正常不等于提交已生效,性能记录也要与真实操作时段对应。

适合复现依赖焦点、键盘或滚动的界面问题。本文未开浏览器、调试端口或保存界面数据;临时环境结束后需清理自身资源,已有用户会话也应辨清归属,不能无差别关闭。

分类:编程开发

来源仓库:cursor/plugins

适合用来做什么

  • 如何在浏览器中自动截取网页的多个截图?
  • 请帮我检查这个网页的UI元素是否符合可访问性标准。

安装 control-ui

npx skills add https://www.iskills.cc/skills/cursor/plugins/control-ui/SKILL.md

在本机终端执行安装命令。安装前请阅读原始说明,确认所需工具、账号和权限。

查看安装步骤 · 查看常见问题

查看 control-ui 的用途与原始说明

浏览全部 Skill 指南