用途
deterministic-design 用于发现 AI 生成界面中“看起来不对劲”、错位、居中糊成一团或可用性不足的问题。它的出发点是：模型无法可靠地信任自己对布局的“眼力”，因此不要依赖主观观感，而是把 UI 渲染出来并测量它。该技能适合在需要可复现的空间测量结果和基于证据的可用性评审时使用。
主要能力
该技能由两个可按需加载的子技能组成：
- design-spatial：确定性布局审计。依据显式网格与 8 点间距，通过 layout-audit.js 计算质心、光学中心与像素级平衡，并绘制带标注的截图。输出的是数字，而不是感觉。此外还包含“先渲染、再评判”的视觉循环。
- design-ux：可用性审计。依据 Nielsen 十大启发式与交互启发式，对渲染后的 UI 打分，由经授权的独立评审者或明确披露的自我评审完成，最终产出按优先级排序的修复清单。
该技能的作用是补足现有设计技能（包括默认的 Anthropic 设计技能）所缺少的一层：它不只是给出品味建议，而是渲染、测量并评判输出结果。它可以与任意设计技能组合使用。
使用方式
典型请求示例：
用 @deterministic-design 审查这个界面，找出影响最大的设计问题，并提出可直接实施的改进方案。
工作流要求提供已渲染的 UI 或截图，并记录视口、缩放、字体、捕获状态与测量定义。使用时应将布局测量、主观视觉判断与实际用户/无障碍测试区分开来。
适用场景
- 审查 AI 生成界面中错位、居中失衡等空间问题。
- 需要可复现的布局测量数据而非主观评价时。
- 在报告设计“完成”之前，作为任意设计技能的补充审查层。
限制
- 布局指标与视觉评判式审计能发现许多空间和可用性缺陷，但不能替代产品判断或用户测试。
- 工作流依赖已渲染的 UI 或截图；需记录视口、缩放、字体、捕获状态与测量定义。
- 链接的子技能与 layout-audit.js 属于外部资源，并未随本技能打包；使用前需自行阅读并固定版本，链接存在不代表可直接执行。
- 委派评审需要已有明确授权，且截图可能包含隐私数据。
- 自动化评分可能遗漏品牌细微差别、文案语气、无障碍需求以及特定领域的用户预期。