看到一��很有意思的仓库:awesome-design-md。
它整理的不是代码,而是 DESIGN.md。
AGENTS.md 是告诉 AI 这个项目怎么做,DESIGN.md 是告诉 AI 这个项目该长什么样。
现在 AI 写前端,其实问题已经不是不会写了,而是写出来还不够像一个成熟产品。功能能做,页面能跑,但在审美、统一性、品牌感这些地方,很多时候还是差一口气。
DESIGN.md 本质上就是把这些东西提前写清楚。比如配色、字体、间距、圆角、组件风格、布局规则、响应式方式,甚至连给 AI 的提示都可以写进去。
说白了,就是把原来很依赖感觉的东西,变成 AI 能直接读懂的约束。
这个仓库有意思的地方在于,它不是只讲概念,而是直接收了很多现成案例。像 Claude、Cursor、Vercel、Figma、Stripe、Apple、Nike、Spotify、Tesla,甚至 Ferrari、BMW 这些风格,都有人整理成了 DESIGN.md。
以后你让 AI 做页面,其实就不用再反复说“高级一点”“更像品牌官网一点”“更有质感一点”这种很虚的话了,直接给它一份 DESIGN.md,效果会稳定很多。
我看完最大的感受是,接下来 AI 写前端,真正拉开差距的,可能已经不是谁更会写代码,而是谁先把设计系统这层抽象清楚。
谁能先把“这个项目应该长什么样”定义好,谁就更容易让 AI 稳定产出能用、能看的界面。
仓库地址:https://t.co/kyw8JkWbdS
Smoking gun: Pretty sure Cursor’s new Composer-1 is a fine-tuned Chinese model.
As I was building, it switched its inner monologue to Chinese, and I can't get it back to english.
@simonw