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 — 架构图 + 场景插图双模式

凭据自动获取

自动读取（按优先级）：

环境变量 FMODE_API_KEY
~/.fmode/config.json api_key
~/.fmode/config.yaml
容器内 .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）

顶部标题区
右上指标卡片（3-4个）
中部Harness引擎（五层竖向/横向）
底部本体层（三大模块）
右侧Loop闭环

模式B：场景/插图 (--scene)

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

示例 prompt：

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

常见场景类型

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

场景图Prompt技巧

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

尺寸选择建议

用途	尺寸	成本
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 内调用

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')

命令行独立使用

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 编程调用

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

SKILL.md 4.0 KB Permalink Histórico Raw