deterministic-design Skill
确定性、可量化的设计验证——渲染 UI 并证明其平衡且可用，而不是信任模型的肉眼。布局审计（通过确定性数学计算质心/视觉中心/像素基准平衡，附标注截图）+ 由独立的新鲜视角评判者进行基于视觉的 Nielsen 可用性审计。用于发现那些「看起来不对」、对齐有问题/居中糊成一团、或可用性差的 AI 生成 UI——这是靠 token 和感觉的设计技巧（包括默认技巧）所不具备的测量+评判层。
安装方式:把技能目录放入 ~/.claude/skills/(Claude Code)或在 claude.ai 设置中启用;也可复制右侧安装命令一键添加。
技能指令原文(SKILL.md)
deterministic-design
Thesis: determinism beats AI randomness. A model can't trust its own eye on layout — so
don't. Render the UI and measure it.
Two sub-skills (load as needed):
- design-spatial — deterministic layout audit: explicit grid
- 8-pt spacing, and
layout-audit.jscomputes centroid / optical-center / pixel-oracle
balance and draws an annotated screenshot. Numbers, not vibes. Plus a render-then-
critique vision loop.
- design-ux — usability audit: scores the rendered UI against
Nielsen's 10 + interaction heuristics via a SEPARATE fresh-eyes judge → prioritized fix list.
This improves existing design skills (including the default Anthropic one) by adding the
layer they lack — it doesn't just advise on taste, it renders, measures, and judges the
output. Composable with any design skill.
In central this lives as a subdir of ckw-design; it publishes separately as
deterministic-design-skill (its own distribution) via publish-skill. One of the two
flagship narratives — the determinism one; its sibling is human-in-the-loop (lookdev).