VoltAgent/awesome-design-md

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

它做什么

汇集DESIGN.md文件的合集，这些markdown文档整理了知名网站的设计token、模式和规则。放入项目后，AI coding agent可以生成遵循该设计语言的UI。

对 ATF 的帮助

作为向编写UI的coding agent提供统一样式规范的方式，值得比较。把DESIGN.md与AGENTS.md搭配使用的做法，可作为Harness向executor传递项目规则的参考。

许可证

MIT 宽松许可。保留版权声明即可商用和修改。

同领域的其他仓库

• alexpate/awesome-design-systems
  汇集各公司和机构设计系统的列表。每个条目都标明是否提供代码组件、语气与语调指南、设计师工具包以及公开源代码。
• chenglou/pretext
  一个用自有逻辑测量多行文本并计算排版的JavaScript和TypeScript库，可以避免会触发布局重排的DOM测量。结果可以渲染到DOM、Canvas或SVG。
• google-labs-code/design.md
  DESIGN.md是一种向coding agent描述设计系统的文件格式，把YAML front matter中的design token与用Markdown写的设计理由结合在一起，lint工具会检查规范符合性、token引用和WCAG对比度。
• bwya77/vscode-dark-islands
  一款适用于VS Code及VSCodium等兼容编辑器的深色主题，带有悬浮玻璃质感面板、圆角、胶囊形活动栏和滚动条，以及暖色调语法高亮。
• alchaincyf/huashu-design
  Huashu Design是可用于Claude Code等多种agent的HTML原生设计skill，能把文字需求做成可点击的原型、幻灯片、动画或信息图。它包含设计理念指南、五个维度的设计评审以及MP4导出。

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