让 AI 做出”有灵魂”的设计：Moodboard 分析师

做设计的时候，最怕听到这句话——

“感觉不太对，但我也说不上来哪里不对。”

这不是你的品味问题，是 AI 天生就爱走最安全的路：Inter 字体、#3B82F6 蓝、主色调卡片布局……你不说，它就给你整一套”模板感”十足的东西出来。

最近挖到一个叫 Design Theme Generation 的 Claude Skill，就是专门来解决这个问题的。

它做了什么不一样的事？

普通的 AI 设计工具是你给指令，它出图。

这个 Skill 的思路是先分析，再生成——你给它 3~5 个参考图（Moodboard），它会提取颜色、字体、间距、构图方式，然后结合你的产品定位，生成一套完整的美学规范。

换句话说：它不是在给你配色，它是在教你理解自己的设计系统。

具体能生成什么？

• Hex 色值 + 语义化命名（比如”信任感深蓝”而不是”Primary-500″）
• 字体组合建议（衬线/无衬线/等宽各自用在什么场景）
• 间距体系（不只是 8px 基准，而是基于内容的递进关系）
• 反模式清单（明确告诉你哪些不要做，以及为什么）
• 可以直接喂给前端的 CSS 设计令牌

适用场景

我自己觉得最值的使用场景有三个：

• 品牌从 0 到 1——有参考图但不知道怎么落地，这个 Skill 把”感觉”翻译成”参数”
• 接手旧项目——要新功能跟老界面保持一致，先跑一遍现有界面的图，让 AI 理解风格再开发
• 设计评审——丢一个竞品截图进去，让它分析对方的视觉策略，比自己看更系统

怎么用？

在 Claude 里直接说：

“Design a landing page for my meditation app”

它会触发 4 步工作流：先问产品调性 → 再要参考图 → 分析视觉规律 → 给出完整设计规范。整个过程是对话式的，不是一次生成完毕，适合中途调整方向。

我的感觉

这个 Skill 的核心价值不是帮你做设计，而是帮你想清楚设计。很多设计师在拿到需求的时候脑子里有感觉，但不知道怎么表达成规范——它就是一个中间翻译层。

适合：设计师、产品经理、前端开发（需要设计系统文档的场景）

GitHub：https://github.com/ussumant/design-theme-generation-skill

GitHub: https://github.com/ussumant/design-theme-generation-skill