image-design-director：给 AI 图像生成套一个「设计总监」

做设计的人都知道，AI 画图最怕什么？不是画得丑，是没有方向。

你扔一句“帮我设计个仪表盘”，出来的图大概率是四不像——配色乱、层级平、根本没法落地。直到我挖到这个 Skill，才发现原来可以让 AI 先当“设计总监”，再当“执行设计师”。

它是什么？

image-design-director 是一个专门为 Claude Code / Codex / Copilot 准备的 UI 设计导演 Skill。它不会直接帮你生成像素，而是先帮你写出一份专业级设计简报，明确界面结构、视觉系统、约束条件和负向要求，然后再调用图像生成模型产出可用概念。

简单说：把模糊需求翻译成可执行的设计 brief，再交给 AI 执行。

为什么值得关注？

• 先想清楚，再动手画：它会先问你要什么受众、什么交互模式、什么视觉风格，避免“上来就画”的盲目性
• 自动提取设计规格：生成概念后，还能反推行间距、字体、色彩体系，方便后续开发对接
• 支持多概念探索：默认生成 1 个强方案，如果要探索方向，自动给 3 个变体，不用你反复写 prompt

适用场景

• 用 AI 做 UI/UX 概念稿
• 需要 dashboard、后台、移动端界面视觉方向
• 做 redesign 或设计系统探索
• 游戏界面、落地页、SaaS 产品的视觉探索

怎么用？

在 Claude Code 里直接调用：

$image-design-director 帮我设计一个暗色主题的 AI 数据看板

它会自动进入“导演模式”，先输出 brief，再生成图，最后给你一份可落地的设计 handoff 文档。

总结

如果你经常用 AI 做视觉探索，但又嫌它“理解力不够”，这个 Skill 就是那根“翻译棒”。它把设计思维装进 prompt 工作流里，让 AI 从“美工助理”升级成“有审美判断的设计总监”。

GitHub： https://github.com/praveenperera/dotfiles/tree/master/agents/project-skills/image-design-director

GitHub: https://github.com/praveenperera/dotfiles/tree/master/agents/project-skills/image-design-director