关于 detail-observation
detail-observation 是一项设计分析 Skill，用于在对话中检查界面细节。它强调记录具体数值，并以证据分析字体、间距、边框、颜色和界面状态。
主要功能
- 01统计实际显示的字号
- 02识别间距数值与尺度
- 03比较圆角的一致性
- 04评估字重的用途
- 05记录颜色及界面状态
适用场景
- 01记录屏幕的字号与间距
- 02检查组件圆角差异
- 03审视交互状态是否缺失
安装
复制下面的命令，在终端中运行。
$
npx skills add https:/安装后在 Claude Code 中输入/detail-observation确认已加载。
详细介绍
细节观察
记录那些无人留意的微小决策。
使用方法
/detail-observation将细节级分析约束应用于此对话。
约束
记录内容
- MUST 统计实际使用的字体大小数量（不是系统所说的，而是屏幕上显示的）
- MUST 确认间距比例（是 4/8/16/24/32，还是随机数值？）
- MUST 留意圆角的一致性（按钮、卡片和输入框是否相同，还是各不相同？）
- MUST 检查字重的使用情况（有多少种字重？每种是否各有明确用途？）
- SHOULD 确认颜色数量以及各颜色的作用（主色、中性色、强调色、语义色）
- SHOULD 检查悬停、焦点、激活、禁用、加载、空、错误和成功状态
精确胜于主观评价
- MUST 使用具体数值：“16px 外边距”，而不是“间距宽裕”
- MUST 结合证据指出不一致之处：“按钮使用 4px 圆角，卡片使用 8px，输入框使用 6px”
- NEVER 在未指出具体不一致之处的情况下说“感觉不一致”
- SHOULD 在存在设计系统时，将观察到的数值与其进行比较
反模式
- 只停留在表面（“字体排版看起来不错”）
- 将每处不一致都视为错误（有些差异是有意为之）
- 把时间花在不影响用户体验的细节上
评论
支持 Markdown