标签
Dembrandt 是一个开源命令行工具,可将网站的设计系统(标志、颜色、排版、边框、间距等)提取为设计令牌。它支持 MCP 集成,适用于 AI 代理,并提供配套应用来跟踪漂移和进行视觉差异比较。
本文认为,AI生成的UI需要设计Token、截图和视觉质量检查等证据关卡来保证质量,并介绍了Superloopy——一个强制执行这些检查的CLI工具。
Hermes Agent 的 /learn 功能允许用户输入任何设计,并提取设计令牌、布局结构、交互状态和组件模式,将其转化为可复用的技能,以实现一致的设计输出。
一位开发者探讨了为什么AI编码代理在不同会话中生成不一致的UI,并比较了自然语言规则文件、Tailwind配置以及Google Labs的design.md等结构化标记规范等解决方案,寻求实际有效的反馈。
谷歌实验室发布了 DESIGN.md,这是一份规范,通过 YAML 设计标记和 markdown 说明来定义 AI 编码代理的视觉标识,从而实现一致的界面生成。
详细推文总结了使用Claude实现精致UI的10条规则,涵盖缓动曲线、设计系统变量、基于物理的动画及其他优化。
Google引入了DESIGN.md,这是一种格式规范,将YAML前端设计令牌与Markdown散文相结合,为编码代理提供对设计系统的结构化理解。
DESIGN.md 是来自 Google Labs 的格式规范,它将 YAML 设计令牌与 Markdown 文本相结合,为编码代理提供对设计系统的结构化理解,包括 lint 工具和 diff 比较。
Penpot 是一个面向团队的开源设计平台,提供自托管、实时协作以及诸如设计令牌和 MCP 服务器等对代码友好的功能。