它收录了 2000+ AI 可读的设计系统，可以直接查看真实产品的颜色、字体、间距、圆角、组件规则，以及一份可以复制给 workbuddy、trae、Cursor、Claude Code、Codex等使用的 DESIGN.md。 我比较喜欢它的一点是： 它不是只给你看网站的截图，而是把一个网站的设计语言拆开讲清楚，用左右两列呈现。 比如某个页面为什么用这种字体，按钮该是什么颜色，卡片圆角是多少，间距怎么控制，哪些可以做，哪些不要做。 那 DESIGN.md 怎么用？ 你可以先在网站里找一个喜欢的设计风格，打开详情页，复制里面的 DESIGN.md。 然后在 workbuddy、trae、Cursor、Claude Code、Codex 这些 Agnet 工具里，把它放到项目根目录，或者直接粘贴给Agent，告诉它： “请参考这份 DESIGN.md 的设计规范，帮我设计或优化页面。” 这样 AI 在写页面时，就不只是按照功能需求生成界面，而是会参考里面的颜色、字体、间距、组件风格和设计禁忌。 这对 Vibe Coding 用户很有用。 因为我们平时让 AI 生成页面，经常会遇到一个问题： 功能写出来了，界面要么不好看，要么一股 AI 味。 你可以先选一个喜欢的风格，再把对应的 DESIGN.md 丢给 Agent，让它按照这套视觉规则去写页面。 对不懂设计、但经常用 AI 做网页、小工具、产品 Demo 的人来说，这个网站值得收藏。 名字：styles.refero.design #agent #ai #design #大模型 #vibecoding