SuperAPI AI 工具集

visual-edit-precision

前端与建站

查看项目

更新于 10-16 07:22

技能介绍

用途:在带有视觉上下文的 UI/前端改动请求中,按所指示的元素做精准、最小的编辑,强调精准而非扩大改动范围。

适用场景:用户以可视化方式选中元素、绘制标注,或附带截图提出修改需求时使用。

主要流程:IDENTIFY(确认被指示的具体元素及其所属组件文件);SCOPE(只改被指出的部分,不重构周边代码);PRESERVE(保留既有样式、类名与行为,仅改被要求的内容);TARGETED(用最小 CSS/标记改动实现视觉结果);VERIFY(确认渲染正确且无副作用)。

核心原则:视觉上下文给出的是特定元素,不应因一个样式请求就重构整个组件,不应因外观被选中就改动组件 API,也不应在仅选择视觉时触碰逻辑。应找到所选元素的准确文件与行,做实现该视觉改动的最小编辑,并保留全部既有行为、事件处理器与无障碍属性。

多次编辑:每个编辑各自独立指向自己的元素;无需等待上一个完成再处理下一个;若两个编辑冲突(同一元素、不同请求),处理最近的一次。

常见错误:用户只点了一个按钮却重写整个组件;只需调整单个元素颜色却改动全局配置;为匹配选区而添加固定宽度从而破坏响应式;忽略选择的具体性(用户指一张卡片,却改了所有卡片);在视觉编辑中移除无障碍属性(aria-*、role、tabindex)。

限制:资料未提供安装命令、运行环境、价格或平台信息,暂未提供。