超好用! PPT/Coding的网页太普通! 试试这个

平时我们让 AI 做页面，
其实最常他说的就是：“很丑！再好看一点。”
但是...改完你还是说不出哪里不对🥹dddd
这样做！屡战屡胜✌️！！！

可以试试先给它一份 DESIGN.md：用 Markdown 把配色、字体、间距、按钮和布局规则写清楚，让 AI 有具体的视觉依据。

👏这次整理了 4 个提升视觉效果的方法，
直接拿到视觉参考md拿去用！

1️⃣Awesome DESIGN.md
现成的设计规范集合。找到喜欢的参考，取出对应文件，放进项目，再让 AI 先读它。
2️⃣Refero Styles
更适合先看效果再选风格。打开喜欢的条目，查看预览和 DESIGN.md，把规范带回自己的项目。
3️⃣DESIGN.md Style Extractor
Chrome 扩展。打开想参考的网页，提取当前页面样式，生成 DESIGN.md；适合手里已经有明确参考网址的人。
4️⃣web-to-design-md
可安装的 AI Skill。安装并准备好 agent-browser 后，把目标网址交给 AI，产出设计文档和 HTML 预览，方便继续调整。

拿到视觉参考md文档后，记得跟Agent明确说：“先读取 DESIGN.md，再按这份规范做页面。” 然后把你的用途、模块、参考图一起给它！就可以啦！

视觉md文件能减少视觉上的随意发挥，
但不是网页源码，也不保证一比一还原~
但是已经帮助really大！！！

BTW，没想好风格，先看前两种；
已经有喜欢的网页，再选后两种~
我是老曹🙋‍♀️，byebye~

#AI工具  #PPT  #网页设计  #设计灵感 #效率工具 #howto实现一万种vibecoding #howto入门codex #howto用好AI #网站设计 #howto玩坏AI