google-labs-code/design.md

本页介绍外部开源仓库，并非 HDATF 产品。

它做什么

DESIGN.md是一种向coding agent描述设计系统的文件格式，把YAML front matter中的design token与用Markdown写的设计理由结合在一起，lint工具会检查规范符合性、token引用和WCAG对比度。

对 ATF 的帮助

把精确数值与书面理由写在一起的做法，可作为Harness向agent提供持续规则的参考，在为ATF Works界面制定设计系统时也值得比较。

许可证

Apache-2.0 宽松许可，含专利授权。可商用，需保留声明并注明修改。

同领域的其他仓库

• alchaincyf/huashu-design
  Huashu Design是可用于Claude Code等多种agent的HTML原生设计skill，能把文字需求做成可点击的原型、幻灯片、动画或信息图。它包含设计理念指南、五个维度的设计评审以及MP4导出。
• alexpate/awesome-design-systems
  汇集各公司和机构设计系统的列表。每个条目都标明是否提供代码组件、语气与语调指南、设计师工具包以及公开源代码。
• nexu-io/open-design
  OpenDesign是一款面向macOS和Windows的local-first桌面应用，借助Claude Code、Codex、Cursor等coding agent生成原型、仪表盘、幻灯片、图片和视频，并导出为HTML、PDF、PPTX或MP4文件。
• VoltAgent/awesome-design-md
  汇集DESIGN.md文件的合集，这些markdown文档整理了知名网站的设计token、模式和规则。放入项目后，AI coding agent可以生成遵循该设计语言的UI。
• penpot/penpot
  一个面向产品团队的开源设计平台，可在浏览器中使用，也可自行部署。它基于SVG、CSS、HTML等开放标准，提供实时协作、design token、MCP server、开放API和插件。

只收录进入 Trendshift 排行榜的仓库，榜单仅用于寻找候选项目，不转载名次。说明、许可证和星标数来自各 GitHub 仓库。解读是我们自己的判断。我们尚未测试这些项目，上榜并不证明质量。