Design MD Collection｜品牌设计规范与DESIGN.md参考集合

Design MD Collection（仓库名 awesome-design-md）收集公开网站的设计语言分析。DESIGN.md是供人和编程助手阅读的Markdown设计约定，说明界面应如何呈现；它与规定开发行为的AGENTS.md用途不同，也不是单一可执行Skill。

以下列出4份已核对文件的代表性规范索引：

规范通常记录视觉氛围、语义颜色与色值、字体层级、按钮卡片输入框等组件状态、网格间距、阴影层次、设计禁忌、响应式和给助手的应用提示。当前根README徽章列84项，但实际数量应以目录快照为准，不据此复制全部内容到本站。

为自己的项目拟定视觉规范、比较不同排版与信息密度，或帮助助手在多轮开发中保持一致。Laravel、Blade、Livewire可以读取这些约定作为设计参考，但没有自动框架适配器，也不会安装出一套组件。

1. 在官方仓库 design-md/ 下选择目标目录，只取相应DESIGN.md阅读。
2. 先摘取适合自己产品的颜色角色、字号层级、布局和交互约定，替换为自己的品牌及合法素材。
3. 将经确认的DESIGN.md放在自己的项目根目录，明确让Codex、Cursor等助手读取，并说明保留现有框架、业务逻辑与组件结构。
4. 分小批组件实现，实测键盘焦点、对比度、中文字体与移动端，不把文档存在当作效果验收。 根README提到 preview.html 与 preview-dark.html，但本次采集的Claude、Vercel、Stripe、Figma四个目录中仅发现DESIGN.md和README.md，未发现对应预览HTML。因此本文不提供已验证的HTML预览或下载路径。可从原README的getdesign.md链接查看设计资料；GitHub文件页用于阅读源码，不是可运行的网站预览。

仓库MIT许可覆盖其文件时仍须保留版权许可。维护者明确不主张拥有网站视觉身份；整理分析不代表Claude、Vercel、Stripe或Figma官方授权、合作或背书。商标、Logo、专有字体、截图和照片需另行授权，不得把品牌规范照搬成冒充品牌的网站。本文提供设计分析索引，不提供品牌图片授权。

Markdown文件本身可离线阅读，但首次下载、外部预览与所用编程助手仍可能依赖网络。GitHub、getdesign.md及客户端在国内可用性尚未实测。建议为中文内容调整字体回退和文字长度；不宣称已验证Codex或Cursor的生成效果。