关于 superior-ui-audit
面向开发者和编码 Agent 的只读 UI 审计技能,用实际设计规范检查产品界面。每项发现都需提供证据,证明其影响界面并指向明确修正。
主要功能
- 01追踪界面及其所属组件
- 02依据当前有效设计证据
- 03用证据证实每项发现
- 04最多报告五项发现
- 05为选定修正制定计划
适用场景
- 01审计某个路由或组件系列
- 02核实疑似设计不一致
- 03为选定问题准备修正计划
安装
复制下面的命令,在终端中运行。
$
npx skills add https:/ / github.com/ kodekateam/ superior-skills --skill superior-ui-audit安装后在 Claude Code 中输入/superior-ui-audit确认已加载。
附带文件references/change-plan.md
详细介绍
卓越的 UI 审查
根据实际支配某个连贯产品界面的规范进行审查。优先提供少量证据充分的发现,而不是罗列大量风格意见。
范围界定
- 将产品源代码视为只读。
- 审查期间不要安装依赖、格式化文件或修改生成的制品。
- 仅在用户要求,或有必要使用只读工具证明视觉问题时,才渲染或交互操作 UI。
- 除非用户将功能缺陷、无障碍问题、性能问题和代码质量纳入范围,否则不要将其写入报告。
- 如果用户要求修复 UI,本审查技能不应凌驾于该请求之上;请改用实现工作流。
追踪界面
从范围内的路由、屏幕、组件系列或用户旅程开始。沿着实际路径追踪布局、组合、组件、变体、令牌和最终解析出的样式。名称相似或文件位置相近只能作为候选,不能证明其所有者会影响该界面。
记录该界面、相关所有者、设计依据、明确的例外,以及可获取时的当前修订版本。
重建局部规范
仅使用当前有效的依据:
- 已采纳的设计或品牌文档;
- 已发布的令牌和组件契约;
- 已证明共享所有权的代表性界面;
- 同一用户旅程中的直接矛盾;
- 为本次审查提供或检查的渲染证据。
草案和提案描述的是未来意图,除非仓库将其标记为已采纳。缺少文档本身并不构成 UI 缺陷。
证实每项发现
一项发现只有满足以下条件才可保留:
- 观察: 所选界面上确切的表现结果;
- 规范: 表明该属性应由什么规范支配的证据;
- 关联: 证明所引用的所有者会作用于受影响界面的依据;
- 修正: 一个明确且不会臆造产品意图的改动。
如果证据支持多种互不兼容的修复方案、差异属于有意的例外,或提议的修正主要改变业务行为,则应剔除该候选项。
报告前,重新打开所引用的来源,并主动查找反证。
报告
最多返回五项发现,并按用户影响、置信度、影响范围和修正成本排序:
## Audit scope
- Surface:
- Governing evidence:
- Runtime owners:
- Explicit exceptions:
## Findings
| # | Observed problem | Evidence and connection | Required correction | Reach | Confidence |
|---|---|---|---|---|---|
## Highest-leverage change
<One finding, or “No supported recommendation.”>
如果没有任何发现通过证据检验,请直言说明。不要凑数。
规划选定的工作
用户选定某项发现或明确要求制定计划时,请阅读 references/change-plan.md。针对每个根本性修正分别编写一份完整独立的计划。执行者无需查看审查对话,也应能理解所有权、范围、保留要求和验证方式。
评论
支持 Markdown