saas-illustrationlisted
Install: claude install-skill yanliudesign/saas-illustration
# SaaS Illustration(SaaS 产品英雄插画)
## 核心定位
为 SaaS / AI 产品的**营销场景**生成一张干净、专业、可信、能"一眼看懂产品在做什么"的英雄插画。不是解释性配图,不是漫画,不是手绘草图,也不是概念艺术——是一张**能直接放在官网首屏或博客顶图**的插画。
同 DNA 也适用于**邻近的数字产品场景**:技术 talk 封面、portfolio featured project 卡、workshop / course landing page、research paper 顶图、产品发布邮件顶图、内部 all-hands / 路线图封面 —— 任何"一个可展示的 artifact + 一个品牌色"的组合都走这个 skill。
标志性动作:**真产品 UI 卡片漂浮在前景 + 线稿场景在后景 + 少量品牌色装饰散落周围**。
## 先读这些参考
按任务需要读取:
- `references/style-dna.md` — 调色板、线条、材质、禁忌
- `references/composition-patterns.md` — 5 种主构图套路 + 装饰物摆放法
- `references/prompt-template.md` — 单张生图提示词模板(含变量)
- `references/qa-checklist.md` — 生成后检查和迭代规则
## 工作流
### 1. 只问 3 个问题(一次性发出,不要一问一答)
```
Q1. 你的产品是什么?
一句话:品类 + 核心功能。
e.g. "一个 AI 会议纪要工具,自动抓决策和 action items"
Q2. 想要的主题色是?
给我一个 HEX。没有的话就用默认紫 #7C5CFF。
e.g. #5B47F5
Q3. UI 卡片想展示什么信息?
越具体越好 —— 真实文案、数字、字段名、按钮文字。
e.g. "一份 Q3 launch retro 会议纪要 · 标题 + 3 条决策(带责任人)+ 2 条 blocker + 底部 Post 按钮"
```
**发问规则**:三个问题一起发,一次性等回复。用户答全了直接走下一步;只答了一部分再补问,不要重复已经答过的。
### 2. 从答案自动推断其余参数(**不要再问**)
从 Q1 的品类 + Q3 的内容型态推断,不要让用户选。
| 要决定的 | 推断规则 |
|---|---|
| **主构图** | 团队协作 / 会议类 → **A**(笔电+视频会议);移动 / 消费 / 通讯 → **B**(手机);创作者 / 写作 / 单人生产力 → **C**(单人);白板 / 共享文档 / 双人协作 → **D**(双人);API / 开发者 / 数据 / 基础设施 → **E**(抽象工作空间无人物) |
| **画面比例** | 默认 3:2 横版 landing hero;用户明说 blog / social / slide 场景再换(16:9 / 1:1) |
| **人物数量** | 跟随主构图(A=3-4 视频头像;B=0;C=1;D=2;E=0) |
| **AI pill 文案** | 从 Q1 的核心功能提炼成一句 imperative 短句("Summarize this thread" / "Draft a reply" / "Generate this query"),4-6 词 |
| **