这个名为 refactoring-ui-skill 的项目将经典设计指南《Refactoring UI》中的硬性规则转化成了 Claude Code 的插件技能。
它不再让 AI 凭感觉写 CSS，而是强制要求 Claude 在预设的间距、字号、颜色和阴影比例尺中做选择，并通过字重和色彩深度而非单纯的字号大小来构建视觉层级。这意味着当你对 Claude 说“界面看起来有点廉价”时，它能根据 HSL 色彩逻辑和模拟光照原理，给出机械化且精准的改进方案，而不是盲目调整像素值。
开发者面临的痛点往往不是不会写代码，而是缺乏一套能落地且不显业余的视觉决策系统。大多数大语言模型在生成前端代码时，由于训练数据的杂乱，容易输出一种平庸的“通用模板感”。
这个工具的价值在于把感性的审美拆解成了理性的约束，它证明了 AI 在设计领域的进化方向可能不是追求虚无的创造力，而是对成熟方法论的像素级执行。
对于习惯用 Claude Code 构建产品的独立开发者来说，这相当于给 AI 雇员内置了一个从不疲惫的资深设计师，让工程实现从一开始就跑在正确的视觉轨道上。
