视觉情绪板创作器

问题：灵感很多，落地前却没有统一设计语言

很多界面项目在开工前就堆满 Dribbble 截图、竞品链接和零散备注，但配色、字体、组件气质并没有被整理成一份可执行的共识。结果是边写 Tailwind 边改方向，或把「感觉不对」的反馈留到实现后期才暴露。

技能如何工作

本技能把情绪板做成可版本化的文档流程，而不是一次性贴图：

1. 收集来源：趋势截图、已分析站点、用户给的 URL/图片，并记录每条来源的关键视觉元素与相关性。
2. 抽取要素：从素材中归纳

- Colors：主色/辅色/背景/文字，并标注 hex
- Typography：标题与正文字体风格、字重与间距观察
- UI Patterns：导航、卡片、按钮、分区布局与装饰元素
- Mood/Atmosphere：关键词、情绪与品牌性格

1. 生成结构化情绪板：按主色、辅色、强调色、背景、文字等字段输出统一模板。
2. 用户评审与迭代：逐项询问方向、配色、字体与模式是否合适；根据反馈更新版本号，做小步修改并说明变更，建议控制在 3～4 轮内收敛。
3. 定稿：通过后输出最终摘要，直接对接 Tailwind 色板、Google Fonts 选择与组件样式决策。

适用边界

• 若无可用视觉素材，会进入 Fallback：用文字描述情绪，并参考 design-wizard 美学分类、color-curator 与 typography-selector 的备选方案生成文本型情绪板。
• 本技能聚焦设计方向对齐，不替代高保真视觉稿或完整设计系统文档；迭代时应保留每版记录，大改时建议展示前后对比。