Vibe Coding 火起来之后，一个尴尬的问题浮出水面：你能用自然语言描述功能，却未必能说清"这个按钮该用什么颜色、间距留多少"。描述越模糊，AI 生成的结果越像开盲盒。

作者向阳乔木分享了一个新的 Obsidian 插件，专门用来解决这件事——学习和测试 Vibe Coding 的设计风格，让 UI 描述更精准。

把配色和布局摊开给你看

这个插件的核心是视觉教育。它提供了丰富的可视化内容，把不同网页和手机组件的配色方案、布局直接展示出来，让用户从视觉上理解 Vibe Coding 的原则。

色彩、间距、字体选择——这些平时靠感觉判断的设计元素，被图表和对比的方式摆到台面上。看得见，才谈得上学得会。

学完还得做题

光看不够，插件里还配了互动测试题。问答部分用来检查用户对设计元素的掌握程度，巩固对设计原则的理解。

这套逻辑很像语言学习：先输入大量范例，再用测试逼你输出。作者自己的说法是，这个插件"专门用来学习提升 Vibe Coding 审美"，目标是"让 Vibe Coding 描述更精准，还准备了测试题"。

对天天和 AI 结对编程的人来说，审美这件事正在从"加分项"变成"基础项"。你说得越准，AI 猜得越少。