想给 AI 出个和苹果、Figma 长得像的页面？把对应设计文件丢进项目，AI 照着风格直接生成界面。
怎么用
挑一个你喜欢的品牌，把它的 DESIGN.md 放进项目根目录，然后告诉 AI「照这个风格做页面」即可。想要某个没收录的网站风格，可到 getdesign.md 页面申请定制。
核心用法
第一步挑一个喜欢的品牌，把它的设计文件放进项目根目录；第二步直接对 AI 说「照这个风格做页面」；想换风格就换文件，想要没收录的品牌就去它的申请页面提交网址。
触发场景
让 AI 生成的页面更像某个大牌、统一产品视觉风格、做落地页和营销页、给新项目定设计规范
优劣特点
亮点是 73 份真实品牌的设计文档，含分析过的设计令牌和规则，不是只给配色；MIT 许可可放心商用；支持所有能读文本文件的 AI 助手。限制是风格以网页/产品界面为主，App 原生界面参考性有限。
适用人群
用 AI 助手写网页、做落地页的开发者和小团队；想让产品界面有「大牌感」的设计师和产品经理。
详细说明
73 份从真实网站提炼出来的设计系统文档，覆盖 Apple、Airbnb、Figma、Linear、Stripe 等知名品牌。每份包含分析过的设计模式、颜色、字体和布局规则。把其中一份放进项目根目录，AI 编码助手就能照着这套设计语言生成风格一致的界面，不用你一个个交代颜色字号。
常见问题
它是做什么的？
想给 AI 出个和苹果、Figma 长得像的页面？把对应设计文件丢进项目，AI 照着风格直接生成界面。
支持哪些工具？
这个技能可以装进 Codex、Claude Code、OpenClaw、Hermes。
怎么用？
挑一个你喜欢的品牌，把它的 DESIGN.md 放进项目根目录，然后告诉 AI「照这个风格做页面」即可。想要某个没收录的网站风格，可到 getdesign.md 页面申请定制。
源码在哪里？
源码地址：https://github.com/VoltAgent/awesome-design-md
怎么安装？
安装在星算助手客户端里完成 —— 由它决定装进 Claude Code、Codex 还是别的工具，并写好对应配置。