/install art-asset-workflow
美术素材生成工作流
工具链
生图(AI)→ 拆图 → 抠图 → 独立素材 → Unity/美术流程
↓ ↓ ↓
codex-imggen sprite-tools sprite-tools
尺寸选择
| 需求 | 推荐工具 | 推荐尺寸 |
|---|---|---|
| 游戏 UI 图标(批量) | Codex CLI | 1K 方图 或 1536x1024 横版,白色背景,3x2 布局 |
| 单张素材(角色/概念) | Codex CLI | 1K / 1536x1024 / 9:16,白色背景 |
| 单张素材(角色/概念) | Codex CLI | 1K / 1536x1024 / 9:16 |
| 运营海报/带文字 | 官方 API(gpt-image-2) | 1024x1536 / 1024x1024 |
| 高精度素材 | 官方 API | 2048x2048 / 3840x2160 |
| 抠图后处理 | PIL/numpy | 保持原尺寸 |
⚠️ Codex CLI 尺寸限制:最大输出 ~1.57MP(1254×1254 级别),4K/FHD/720p 都会降级,不要用这些标识。
✅ 安全尺寸:1K → 1254×1254,1536x1024 → 精确 1536×1024,9:16 → 941×1672
✅ 官方 API gpt-image-2 支持精确 2048×2048、3840×2160、2160×3840(需要用户自建 API Key)
提示词规范
批量游戏 UI 图标(白色背景)
bash ~/.openclaw/skills/codex-imggen/scripts/batch_generate.sh \
"flat vector art style, white background (#ffffff), each icon approximately 256x256 pixels, consistent 2px gold (#d4af37) border, same lighting angle, centered subjects" \
6 \
/tmp/icons/
布局:1024×1536 输出 → 3x2(2列3行),每格 512×512
单张素材
bash ~/.openclaw/skills/codex-imggen/scripts/generate.sh \
"A medieval sword with golden blade on white background (#ffffff), flat vector art style" \
/tmp/art/
带尺寸控制的单张(1K 方图)
bash ~/.openclaw/skills/codex-imggen/scripts/gen_size.sh \
"1K" \
"A ruby gem on white background, flat vector art style" \
/tmp/art/
官方 API(需要用户自建 API Key)
from openai import OpenAI
client = OpenAI()
result = client.images.generate(
model="gpt-image-2",
prompt="游戏角色概念图:手持法杖的法师,深色披风,魔法光效,Unity 风格",
size="1024x1536",
quality="high"
)
工作流步骤
Step 1:生成
根据需求选择:
- 批量图标 → Codex
batch_generate.sh(一次出 6 个风格一致的元素) - 单张素材 → Codex
generate.sh或gen_size.sh - 高精度/带文字/运营图 → 官方 gpt-image-2 API
Step 2:拆分 + 抠图(一键完成)
推荐用 batch_split.sh,自动完成:背景透明化 → 网格拆分 → alpha 抠图
# 1024x1536 输出 → 3x2 layout(2列3行)
python3 ~/.openclaw/skills/sprite-tools/scripts/batch_split.sh \
/tmp/batch.png 3x2 /tmp/icons/
# 1536x1024 输出 → 2x3 layout(3列2行)
python3 ~/.openclaw/skills/sprite-tools/scripts/batch_split.sh \
/tmp/batch.png 2x3 /tmp/icons/
Step 3:验证图片
生成后必须验证,用图像理解工具检查是否有明显问题:
- 元素完整性(没有缺失或被截断)
- 风格一致性(背景色、边框、光影是否统一)
- 内容正确性(图标/道具与预期是否匹配)
# 批量生成后验证整张
mmx vision describe /tmp/batch.png "检查这张游戏UI素材图:元素是否完整、风格是否一致、背景是否为白色、有无明显错误"
# 单张素材验证
mmx vision describe /tmp/art/output.png "这是一张游戏素材,描述画面内容并指出是否有明显问题"
如发现问题,记录问题类型并决定是否重新生成或调整提示词。
提示词技巧
应该写什么
- 明确风格描述(flat vector / pixel art / realistic)
- 指定配色(#hex 色值比文字描述更准)
- 统一光影角度、边框厚度、内边距
- 说明背景要求(white background #ffffff 而非 transparent / dark)
- 列出具体元素清单
避免什么
- 不要用 "high quality"、"4K"、"professional"(模型无法执行这些元指令)
- 不要同时指定多个冲突风格
- 不要让模型自己决定布局(明确说 "in a grid" 或 "single image")
批量风格固定技巧
在 batch_generate.sh 的风格提示词里写通用的共享特征(背景色、边框、金色),在元素列表里写每个图标的具体内容。
质量档位选择
| 档位 | 用途 | 时延 |
|---|---|---|
| low | 快速预览 | 低 |
| medium | 预览确认 | 中 |
| high | 最终交付 | 高 |
先用低档预览,确认后再高档输出(官方 API)。
官方 API vs Codex CLI
| Codex CLI | 官方 API | |
|---|---|---|
| 尺寸 | ~1.57MP 封顶 | 最高 3840×2160 |
| 成本 | Plus 订阅 | 按次付费 |
| 文本渲染 | 一般 | 强(支持中文) |
| 批次生成 | 支持(batch 模式) | 单张为主 |
| 背景透明 | 需后处理 | gpt-image-1.5 支持 |
| 适用场景 | 游戏 UI 批量素材 | 高精度/运营图/编辑 |
子技能索引
| 技能 | 用途 |
|---|---|
codex-imggen |
Codex CLI 生图(尺寸控制、batch 模式) |
sprite-tools |
切图+抠图(batch_split 一键完成,或 grid_splitter + alpha_trim 分步) |
- 确保已安装 OpenClaw(本地或 Docker 部署)
- 在对话框中输入安装命令:
/install art-asset-workflow - 安装完成后,直接呼叫该 Skill 的名称或使用
/art-asset-workflow触发 - 根据 Skill 的参数说明提供必要输入,即可获得结构化输出
Art Asset Workflow 是什么?
美术素材生成完整工作流指引。生成游戏 UI 图标、角色概念图、运营海报等素材时使用。包含工具链说明、尺寸选择、提示词规范、工作流步骤。细节工具用法见对应子技能:codex-imggen(生图)、sprite-tools(切图/抠图)。 它是一个面向 Claude Code / OpenClaw 的 AI Agent Skill 插件,目前累计下载 24 次。
如何安装 Art Asset Workflow?
在 OpenClaw 或 Claude Code 对话框中运行命令「/install art-asset-workflow」即可一键安装,无需额外配置。
Art Asset Workflow 是免费的吗?
是的,Art Asset Workflow 完全免费,采用 MIT-0 许可证,可自由下载、安装和使用。
Art Asset Workflow 支持哪些平台?
Art Asset Workflow 跨平台运行,可在任意部署了 OpenClaw / Claude Code 的环境中使用(cross-platform)。
谁开发了 Art Asset Workflow?
由 AxelHu(@axelhu)开发并维护,当前版本 v1.0.1。