TWITTER · 产品设计
Craft Design Engineering：将 UI 细节工程化为 Agent Skill
一语总结Craft 是一个开源的“设计工程”概念集，将 UI 完成感的细节提炼为精确规则，并采用“一次写作，两处分发”的架构确保文档与 Agent Skill 同步。
Craft 将界面设计中的微小细节（如等宽数字、嵌套圆角、Hover 克制）转化为可执行的代码规则。其架构设计精巧：唯一内容源为 MDX 文件，通过脚本自动同步生成交互式网站和供 Agent 使用的 SKILL.md 文档，解决了知识库版本漂移问题。SKILL.md 建立了严格的使用协议，防止 AI 编造规则。内容涵盖 Typography、Color、Layout、Motion 四个维度，强调小细节的复利叠加与物理直觉，旨在提升 Coding Agents 生成 UI 的“完成感”。
- 内容源驱动的同步机制
通过 MDX $ ightarrow$ 网站/Skill 的单向流动，确保 Agent 获取的技能集与最新设计标准完全一致。
- 给 AI 划定诚实边界
在 SKILL.md 中规定只能引用已索引概念，防止模型在缺乏标准时编造设计规则。
- 设计工程的量化原则
将感性的“品味”转化为理性的规则（如内圆角 = 外圆角 - padding），使其可被代码实现。
Craft Design Engineering：将 UI 细节工程化为 Agent Skill
Craft 将界面设计中的微小细节（如等宽数字、嵌套圆角、Hover 克制）转化为可执行的代码规则。其架构设计精巧：唯一内容源为 MDX 文件，通过脚本自动同步生成交互式网站和供 Agent 使用的 SKILL.md 文档，解决了知识库版本漂移问题。SKILL.md 建立了严格的使用协议，防止 AI 编造规则。内容涵盖 Typography、Color、Layout、Motion 四个维度，强调小细节的复利叠加与物理直觉，旨在提升 Coding Agents 生成 UI 的“完成感”。
文章金句
"发生得越频繁的东西，越承受不起动画