按截图改界面用这Skill找准归属

根据视觉标注精确修改 UI,只改动用户指定的元素。

visual-edit-precision 是处理截图标注或视觉选区修改的 Skill。它先确认用户指出的元素,再找到实际负责呈现它的组件,只改相关部分。

同一按钮可能由共享组件生成,也可能被页面样式覆盖。截图只能给线索,仍要核当前页面、状态和代码归属,不能按外观随手改一个相似位置。

把标注和期望效果给它,可以得到范围明确的修改。调宽度或位置时还要看不同屏幕,保留点击、键盘和辅助说明行为;多处标注若互相冲突需结合目标厘清。视觉一致并不自动证明交互正确,最后以实际渲染和操作核验。

分类:编程开发

来源仓库:wshobson/agents

适合用来做什么

  • 请根据这张截图修改UI组件的样式。
  • 对选中的按钮进行视觉上的调整。

安装 visual-edit-precision

npx skills add https://www.iskills.cc/skills/wshobson/agents/visual-edit-precision/SKILL.md

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

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

查看 visual-edit-precision 的用途与原始说明

浏览全部 Skill 指南