Vercel分享了一套让AI生成品牌一致页面的实用方法，通过design.md和CSS文件规范设计元素，还有详细教程教你如何自己搭建这套系统。
Vercel发布了一篇关于如何使用design.md文件让各种编码代理生成符合品牌设计页面的文章。他们通过公开的design.md和CSS文件，将header、表格、数据条、图表等设计元素定义为有限的class/token。代理只需在HTML中使用这些预定义名称，无需自行设计字号、间距和布局。文章还提供了Build your own教程，指导读者从头开始构建类似系统。
Vercel 这篇 《How our agents build on-brand pages with design.md》 非常好 https://t.co/KPpKrefqqW 文章说的是 他们...
Vercel 这篇 《How our agents build on-brand pages with design.md》 非常好 vercel.com/blog/how-our-a… 文章说的是 他们如何用一份公开的 design.md 让各种 coding agent 在任何场景下也能做出看起来像 Vercel 自己设计的页面，比如 pdf，报告，一次性活动页等等。 通过不断进化 design.md，公开 css 文件，然后不断的评测迭代升级前两个文件。 这里不仅仅是 design.md, 还有一个公开的 css 文件，把 header、表格、数据条、图表等做成有限 有文档的 class/token。agent 只在 HTML 里用这些名字 不再自己发明字号、间距、布局。样式表在浏览器里加载 不进模型上下文，我觉得这个创新挺有意思 后面还有 Build your own 的教程，教你怎样从头开始打造一套这个系统，很实用。 截图是文章中用之前和之后的对比。 💬 0 🔄 0 ❤️ 5 👀 606 📊 2 ⚡