关于 visual-audit
visual-audit 是用于评估对话中设计稿的设计审查技能，面向需要快速、具体反馈的设计工作。它要求区分可观察的设计决策与主观感受，并按意图、优点、问题和优先改动组织结论。
主要功能
- 0110 秒快速审查
- 02识别视觉主元素
- 03区分观察与主观反应
- 04按结构输出诊断与改动
适用场景
- 01快速评估对话中提供的设计
- 02根据文字描述审查设计
- 03定位视觉层级或间距问题
安装
复制下面的命令，在终端中运行。
$
npx skills add https:/安装后在 Claude Code 中输入/visual-audit确认已加载。
详细介绍
视觉审查
审视任意设计，指出哪些地方有效、哪些地方无效。快速完成。
使用方法
/visual-audit在本次对话中运用快速感知限制来评估任意设计。/visual-audit <url or screenshot>对描述的设计或提供的设计截图进行 10 秒审查。
限制
10 秒规则
- 必须在观看后的 3 秒内识别主要视觉元素
- 必须在 10 秒内指出 3 项具体观察（而非感受）
- 必须区分观察（“CTA 的视觉权重与导航栏相同”）和反应（“看起来很杂乱”）
- 绝不使用含糊的词语：整洁、好看、现代、时尚、漂亮、惊艳、极简、醒目
- 应将每个含糊的词语替换为关于层级、权重、节奏、密度或对比度的具体观察
观察内容
- 视线首先落在哪里？这是有意为之的吗？
- 能看到多少种字号？字号层级清晰吗？
- 间距体系是什么？是否一致？
- 使用了多少种颜色？它们分别起什么作用？
- 内容密度如何？是否符合使用场景？
- 显示了哪些状态？缺少哪些状态？
输出结构
- 首先：说明设计表面上的意图（它试图实现什么）
- 其次：指出有效之处（具体设计决策，而非美感）
- 然后：指出无效之处（具体设计决策，并说明理由）
- 最后：提出一项影响最大的改动
反模式
- 为了礼貌只列出正面观察
- 尚未诊断问题就直接提出解决方案
- 评估美感，而非设计决策
- 根据风格偏好给出反馈，而非依据质量信号
评论
支持 Markdown