---
name: skill-image
description: "触发词:生成架构图/场景图/插图。走API出白底PNG，自动读Key，¥0.3-0.5/张。"
version: 2.0.0
author: Yuyang001 (FmodeAgent)
license: MIT
platforms: [linux]
tags: [architecture, image, harness, diagram]
---

# skill-image v2 — 架构图 + 场景插图双模式

## 凭据自动获取
自动读取（按优先级）：
1. 环境变量 `FMODE_API_KEY`
2. `~/.fmode/config.json` api_key
3. `~/.fmode/config.yaml`
4. 容器内 `.env` 文件

自带 `scripts/gen.py` 可独立运行，不依赖 Hermes。

## 模式A：架构图 (--arch)
- **尺寸**：1792×1024（PPT横版）
- **成本**：≈¥0.5/张
- **用途**：Harness五层、数据本体、Loop闭环、系统架构
- **风格**：纯白底、扁平、简洁、商务
- **输出**：白底PNG，直接拖入PPT

示例 prompt：
```
纯白背景扁平风格架构图。标题"内容营销超级预审Agent Harness架构"。
从上到下五层：L1宣称定级→L2规则匹配→L3案例类比→L4决策门→L5风险评级。
右侧三个数据卡片。底部三大本体模块。右下Loop闭环。
简洁扁平商务风格。纯白背景适合PPT。
```

### 架构图色彩规范
- 背景：纯白 #FFFFFF
- Harness层标题：金色 #D5B254
- 本体层标题：紫色 #AF8AE8
- Loop闭环：青色 #7FD1A0
- 数据指标：金色亮 #FFC000
- 文字主：#1a1a2e 文字次：#666666

### 架构图布局（1792×1024）
1. 顶部标题区
2. 右上指标卡片（3-4个）
3. 中部Harness引擎（五层竖向/横向）
4. 底部本体层（三大模块）
5. 右侧Loop闭环

## 模式B：场景/插图 (--scene)
- **尺寸**：1024×1024（方形）
- **成本**：≈¥0.3/张（省40%）
- **用途**：照片替代、示意图、人物场景、故事板
- **风格**：扁平插画、清新明亮
- **适用**：案例故事配图、痛点可视化、前后对比

示例 prompt：
```
扁平插画场景。一个法务团队围坐在堆满文件的办公桌前，
桌上电脑显示67%退审率。人物表情焦虑。
清新明亮风格。
```

### 常见场景类型
- **痛点场景**：人物+问题+数据，传达紧迫感
- **对比场景**：Before/After分屏对比
- **应用场景**：人物使用产品示意
- **数据场景**：以人物为中心+数据上下文
- **未来场景**：愿景描绘，科技感

### 场景图Prompt技巧
1. 指定人物、表情、动作
2. 指定环境/背景
3. 指定色彩倾向（清新明亮/柔和暖色/专业商务）
4. 避免过多文字（AI不擅长文字生成）
5. 用"扁平插画"保持风格一致

## 尺寸选择建议
| 用途 | 尺寸 | 成本 |
|------|------|------|
| PPT大图/架构 | 1792×1024 | ¥0.5 |
| PPT小图/插画 | 1024×1024 | ¥0.3 |
| 卡片/图标 | 1024×1024 | ¥0.3 |
| 封面/海报 | 1792×1024 | ¥0.5 |

## 成本参考
| 模式 | 尺寸 | Token | 单价 | 8张总价 |
|------|------|-------|-----|--------|
| 架构图 | 1792×1024 | ~3,500 | ¥0.5 | ¥4.0 |
| 场景图 | 1024×1024 | ~2,000 | ¥0.3 | ¥2.4 |

## 用法

### Hermes 内调用
```python
from hermes_tools import terminal
terminal('python3 skills/skill-image/scripts/gen.py --arch "内容营销预审Agent Harness架构" case01')
terminal('python3 skills/skill-image/scripts/gen.py --scene "法务团队被海量稿件淹没" legal-scene')
```

### 命令行独立使用
```bash
python3 /path/to/skill-image/scripts/gen.py --arch "内容营销预审Agent Harness架构" my-arch
python3 /path/to/skill-image/scripts/gen.py --scene "营销团队在开会" team-meeting
export SKILL_IMAGE_OUTPUT=/my/project/images
python3 gen.py --arch "..." out
```

### Python 编程调用
```python
from scripts.gen import gen_arch, gen_scene, batch_arch
# 单张
path = gen_arch('内容营销预审Agent Harness架构...', 'case01')
# 场景
path = gen_scene('医生在电脑前分析健康数据的场景', 'doctor-scene')
# 批量
batch_arch([('case01','prompt1'), ('case02','prompt2')])
```

## 仓库
- Gogs: https://git.fmode.cn/fmode/skill-image
- GitHub: https://github.com/fmodecn/skill-image