Agent Skills
返回列表
🎨

图标探测三

设计多媒体 更新于 2026.08.29

将以下提示词粘贴到你的 AI 对话框中:

请根据 https://skillhub.cn/install/skillhub.md 的指引,将规范名为 @user_3c6cb52e/icon-probe-xyz-003 的技能安装到当前 AI 助手中。

技能介绍

解决什么问题

在图标系统迭代中,团队常面临几类低门槛但高成本的问题:不同页面引用同一枚图标但视觉不一致;文件名与语义不匹配;尺寸、颜色或 stroke/fill 规则未被统一校验;上线前缺少最小测试记录。这些小问题会在设计稿、组件库和线上环境之间累积成排查成本。图标探测三把注意力收敛到“图标是否按预期被使用和呈现”这一层,而不是替代完整视觉回归体系。

工作方式

它会围绕图标测试组织信息,适合把图标当作一组可验证资产来处理:

  • 输入:图标文件、组件引用、设计稿标注或业务场景说明
  • 校验:检查命名、路径、尺寸、颜色、描边/填充等基础属性是否一致
  • 输出:整理测试结论,区分“配置问题”“资源问题”和“预期差异”
  • 复查:针对失败项回查引用来源,避免只改表面样式

使用边界

公开资料只说明该技能用于图标测试,未披露更多实现细节,因此不要把它当作通用 UI 测试框架或设计稿导出工具。测试前应明确环境、图标版本和预期规则;涉及具体组件库时,需要按项目约定补充断言。若项目使用严格像素比对或图标字体加载链路,还需结合现有工具单独验证。

使用场景

  • 组件库新增一批图标后,在发布前跑一轮图标测试,确认引用与渲染符合预期
  • 前端同学在合并图标资源分支时,检查命名、尺寸、颜色是否与设计稿一致
  • 设计团队整理图标清单,测试每个图标在页面中的加载结果与显示状态

适合人员

  • 设计系统工程师,需要在发版前验证整套图标的命名与使用是否一致
  • 前端工程师,需要在合并 PR 时检查图标引用与渲染是否符合预期
  • 设计师,需要在交付图标前自查尺寸、颜色和命名是否符合规范