福建
AI写前端代码最强的是什么？是逻辑，最low的是审美。每天认识一个强大的AI工具。第二期今天分享的是一个上线几天就冲到6.8万星的爆火开源项目：awesome-design-。它解决问题特别精准，让AI帮你生成一个页面，代码没问题，但UI看着就是差点意思。
这个项目的答案是使用design.md，它是Google Stitch提出一个新概念，用纯Markdown文件把整个设计系统定义清楚，颜色、字体、间距、组件样式、阴影成绩、相应时策略全部写在一个文件里面。
关键来了，这个项目给你准备好了70多个顶级品牌的DESIGN.md，直接拿过来用。有AI工具平台的开发者工具、金融科技、电商零食，甚至还有苹果和特斯拉的，基本你能想到的所有顶级品牌全在里面。怎么用？非常简单，只有三步。
·第一步，从仓库中选择一个你喜欢的品牌，复制它的DESIGN.md到你的项目根目录。
·第二步，打开你的AI编程工具Cursor也好，Cursor也好，告诉他给我做一个登录页面，用这个设计系统。
·第三步，AI读完DESIGN.md后直接开工，生成出来的每个组件、每个颜色、每个间距都自动跟着设计规范走，效果有多强？每个DESIGN.md把整整9大块设计信息全部清理清楚了，设计主题与气氛、色彩调色板与设置字体、全套层级按钮、卡片输入框、导航栏的组件样式、间距网格留白哲学、阴影层级和表面层级、设计进去与反模式、响应式断点和触摸目标，还有给AI的快捷参考和现成的提示词。
而且每个品牌还自带亮色和暗色两套预览，html打开就能看全貌。这就是这个项目最狠的地方，它把设计规范从Figma直接搬进了代码仓库。以前你跟AI说做个好看的界面，它总是猜，现在你把DESIGN.md往项目里一放，它读一读，然后就能生成像素级的匹配UI。
这个上线几周就冲到680万星，说明大家苦AI不懂设计这件事情已久矣。
现在这个解法终于来了，完全开源MIT协议，Git搜awesome-design-md就能找到。如果你有特别想要的品牌，还可以去Git design点MD申请定制。
特别声明：以上内容(如有图片或视频亦包括在内)为自媒体平台“网易号”用户上传并发布，本平台仅提供信息存储服务。
Notice: The content above (including the pictures and videos if any) is uploaded and posted by a user of NetEase Hao, which is a social media platform and only provides information storage services.
