ARTICLE · INTELLIGENCE

战地情报 · 详情页

来自尧图项目组的一线实战观察与深度解析

把sprite-gen装成Codex/Claude技能:AI Agent驱动的精灵图全自动生成

把sprite-gen装成Codex/Claude技能:AI Agent驱动的精灵图全自动生成 把sprite-gen装成Codex/Claude技能AI Agent驱动的精灵图全自动生成【免费下载链接】sprite-genGenerate clean 2D game sprites animation atlases — component-row pipeline: state rows, alpha cleanup, frame extraction, runtime atlases. Codex/Claude skill.项目地址: https://gitcode.com/gh_mirrors/sp/sprite-gensprite-gen 是一个开源的 2D 游戏精灵图Sprite生成工具给它一张基础立绘它就能自动完成状态行生成、抠图去背、逐帧提取和运行时图集烘焙最终产出带透明通道、带机器可读manifest.json的游戏就绪素材。更妙的是它可以整体安装为Codex / Claude 技能Skill——装好后你用自然语言提需求AI Agent 会替你检查权限、补齐参数、驱动整条流水线并把成品文件交到你手上。为什么值得装成 AI Agent 技能传统做法是拿图像模型硬要sprite sheet结果往往是脸每帧都在变、背景抠不干净、姿势漂移出格、引擎根本没法吃。sprite-gen 用组件行component-row流水线解决了这个问题锁住角色身份按状态一行一行生成而不是整张网格一把梭真实透明通道绿/品红幕布抠图走反混合而非硬剥边缘没有色边残留引擎可直接消费图集附带manifest.json.frame_layout帧矩形、fps、循环标志全部写死引擎采样不靠猜最后 10% 可人工把关内置 curation webview逐帧对比、拖拽换帧、实时预览循环。而装成 Codex/Claude 技能后这些能力变成 Agent 的本能它会先跑只读的workflow向导检查你的凭据和默认配置只问缺失的问题然后按 用户工作流契约 走完生成、QA、交付全流程。你只需要说帮我做一组像素风骑士精灵要 idle、walk、attack。三步安装把 sprite-gen 装成技能安装要求不高Python 3.11依赖 Pillow、NumPy视频流水线另需ffmpeg、img2webp走 Grok 视频用你自己的登录态。完整依赖清单见 SKILL.md 头部的depends_on声明打包元数据在 pyproject.toml。# 1. 克隆仓库 git clone https://gitcode.com/gh_mirrors/sp/sprite-gen # 2. 在项目 venv 里安装venv 是该技能唯一支持的运行环境 cd sprite-gen python3 -m venv .venv source .venv/bin/activate pip install -e . # 3. 验证 sprite-gen --help然后把它注册为技能Codex使用其自带的技能安装脚本~/.codex/skills/.system/skill-installer/scripts/install-skill-from-github.py指定 sprite-gen 仓库路径、技能名sprite-gen即可官方推荐方式见 SKILL.md。Claude将仓库目录以同样方式挂载为 SkillAgent 会通过 SKILL.md 里的执行路由表自行分派任务——做精灵走图集流水线做视频走video-set做换色/阴影/背景走独立工具组。⚠️ 技能的所有命令都通过项目.venv的绝对路径执行禁止回退到全局python3。这条规则和原因NumPy 依赖门禁在 docs/interpreter.md 中有完整说明。AI Agent 如何驱动两条精灵图流水线装好技能后Agent 按 docs 索引 中的两条主流水线工作流水线 A · 图集行atlas rows一张立绘 一份状态清单 →sprite-sheet-alpha.png 运行时 manifest。Agent 依次执行prepare生成请求与提示词→gen-set每行状态生成→extract去背提取→compose-atlas烘焙图集详见 图集工作流。流水线 B · 视频→循环video → loop同一张立绘交给视频模型Grok Imagine每个状态产出一个无缝透明动画循环。跳跃给高画布、攻击给宽画布循环切点取片段的真实周期详见 视频流水线。两条流水线可以混用GPT 画立绘、Grok 做动效Agent 会自动记住你的偏好defaults save下次一句话复用。精选视图人工修正最后 10%生成不是终点。sprite-gen curation会启动一个本地 webview候选帧以卡片形式排开你可以拖拽换帧、删帧、加帧、旋转右侧实时预览合成循环确认无误后一键Export PNGs / Bake atlas。这是 精选契约 定义的人机协作层也是 Agent 交付前的最后一道质检。选中 idle 帧后还能勾选Breathe确定性的挤压拉伸呼吸动画会被烘焙进图集让静态站姿活过来参数细节见 呼吸动画文档。后处理与导出换色、呼吸、引擎导出图集定稿后还有一整组不重绘就能改的工具工具组 D确定性换色recolor按调色板映射烘焙 N 个变体同输入同输出字节见 recolorAseprite / Phaser / Flame 导出export-aseprite直接产出引擎友好的分层工程文件独立素材工具背景平铺background-tile、脚下投影阴影shadow、动作与接地测量inspect-motion见 素材工具。延伸阅读资料说明SKILL.mdAgent 的执行路由表、方向/持物约定与契约入口docs/README.md全部功能与流水线文档索引docs/architecture.md代码域划分与架构图解docs/chroma-alpha.md幕布抠图为何反混合而不是硬剥sprite_gen/gen/生成器核心源码codex / grok / openai 提供方一句话总结clone → venv 安装 → 注册成技能之后你只管用自然语言要精灵图AI Agent 负责把整条流水线跑完、把最后的挑选权交给你。【免费下载链接】sprite-genGenerate clean 2D game sprites animation atlases — component-row pipeline: state rows, alpha cleanup, frame extraction, runtime atlases. Codex/Claude skill.项目地址: https://gitcode.com/gh_mirrors/sp/sprite-gen创作声明:本文部分内容由AI辅助生成(AIGC),仅供参考
RELATED READING

延伸阅读

更多一线实战笔记与深度复盘,助您持续精进