这个 AI 工具看图就能帮你做设计系统！3.3k star 的 moodboard-creator
每次做设计之前，你是怎么找参考的？翻 Pinterest？刷 Dribbble？然后收藏一堆图，最后还是不知道从哪开始——这就是我之前做设计的日常。
最近发现了一个叫 moodboard-creator 的 Skill，彻底改变了我的工作流。它是海外设计社区 buildwithclaude 出品的，GitHub 已经 3.3k star，属于那种用一次就离不开的工具。
它到底能干啥？
简单说，它帮 AI 学会”看”设计参考图。你给它一张截图或者一个网站链接，它会：
- 提取配色——自动识别主色、辅色、背景色，给出 HEX 色值
- 分析字体——识别标题字体和正文字体，给出建议配对
- 拆解布局——栅格结构、留白比例、视觉层级
- 生成情绪板——把以上所有元素整合成一份可落地执行的设计方向文档
整个过程是迭代的——AI 生成初稿，你可以反馈意见让它调整，直到你满意为止。最终输出是一份可以直接交给开发的设计系统文档，不再是”感觉差不多就行”。
使用场景
这个 Skill 特别适合以下几类人：
- UI/UX 设计师——快速从灵感图提取可执行的设计语言
- 创业公司 CEO / 产品经理——没有专职设计，自己也能搭出一套像样的品牌视觉
- 前端开发者——需要实现设计稿但没有设计稿注释，它帮你逆向解读
- AIGC 创作者——做 AI 生图时，给它一个风格参考，它帮你锁定prompt方向
怎么用？
在 Claude Code、Codex CLI 或 Gemini CLI 里直接安装对应的 skill 文件即可，支持 OpenCode 等主流 Agent 工具。官方说明文档写得很清楚，跟着走 5 分钟就能跑起来。
我自己最常用的是第一个功能——把竞品截图丢给它，让它帮我分析对方的配色和字体。我不需要copy对方的设计，但可以借鉴那种”视觉感受”，这个转换过程以前全靠感觉，现在有工具可以沉淀成文档了。
3.3k star 的 repo 里还配套了 color-curator、trend-researcher、inspiration-analyzer 等一系列设计相关 Skill，都是同一个作者，互相配合起来基本覆盖了设计师的日常需求。
评论区
0 条评论
登录后可评论。