用 Claude Code 开发游戏,解决美术素材最快的方式是:把生成平台变成 agent 的工具——一条命令经 MCP 接入 Floniks,用可复用的「风格圣经」锁定画风,用声明式 manifest 描述每个素材,然后让 agent 自己生成、抠图、缩放、落位到项目里——不用画画、不用拖文件、不用写提示词。本文是这条管线的完整教程,背书是一套 12 个游戏的合集:每个精灵、立绘、图标、配乐都由这条管线产出。
问题:代码已经解决了,美术才是瓶颈
agent 写玩法代码早已不是新闻。真正卡住多数 Claude Code 游戏项目的是一切视觉物:主角精灵、tileset、HUD 图标、角色立绘。常见答案——买素材包、学像素画、在网页里生成再手动拖进来——全都破坏了 agent 开发之所以快的那个东西:每次需要人搬运文件,循环就停一次。
解法是架构性的,不是美术性的:让生成变成 agent 可调用的工具,让项目按约定接收素材。美术从此只是 agent 在写代码和跑测试之间顺手做的又一件事。
第 0 步:一条命令接上素材工厂
Floniks 把生成模型——文生图、图生图、去背景、文生音乐、图生视频等——暴露为 MCP 服务。在 Claude Code 里注册只要一行:
claude mcp add --transport http floniks \
https://api.floniks.com/api/v1/mcp \
--header "Authorization: Bearer mk_YOUR_API_KEY"
从这一刻起,"生成一个精灵"就是 agent 会话中的一次工具调用,和跑一次测试没有区别。结果以 URL 返回;agent 自己下载、后处理、存进素材目录。
第 1 步:生成任何东西之前,先锁风格
AI 游戏美术的头号翻车方式是风格不一致——十个素材十种画风。解药是风格圣经:一个小而可执行的提示词模板,把色板、描边粗细、明暗、视角、背景规则一次性钉死。之后每个素材的提示词只是把主体词填进模板。
在我们的开源参考项目里,这是一个脚本(style_bible.py),把每个主体包进同一段锁定描述:可爱圆润造型、暖色粉彩色板、厚实软描边、透明背景、单一主体、居中。不同日子生成的十个 HUD 图标,看起来仍像同一位画师的手笔。
第 2 步:声明式描述素材,而不是对话式
风格圣经旁边放一份 manifest——一个 JSON 清单,每个素材声明文件名、像素尺寸和主体词:
{ "file": "pony.png", "size": [48, 48],
"subject": "a cute chibi pony, chestnut body, cream blaze, side view" }
引擎按文件名与尺寸加载素材,契约就完整了:任何落到 assets/textures/pony.png、48×48 的东西直接出现在游戏里,零代码改动。manifest 可 diff、可 review,而且——最关键——可重放。
第 3 步:agent 跑的生成循环
对 manifest 的每一条,agent 执行同样的四步:
- 生成——用风格圣经提示词文生图;
- 抠图——去背景(BiRefNet)拿到真 alpha 通道,因为提示词里写"透明背景"只是建议,不是保证;
- 适配——缩放到声明的精确像素尺寸;
- 落位——存到声明的路径,引擎按名拾取。
没有一步需要人。在我们的项目里,整个循环——包括热重载运行中的游戏看新素材——都发生在同一个 Claude Code 会话内。
第 4 步:更难的素材类型
图集与 tileset。 生成一张包含帧/瓦片网格的图,用脚本切分,引擎按索引寻址。唯一契约是帧尺寸统一。
带表情的角色立绘。 每个角色一张文生图底图锁定脸,再用图生图派生情绪变体——同一张脸,只动表情。我们的视觉小说就是这样拿到三位证人 × 三种表情且身份完全一致的(完整开发实录)。
骨骼动画部件。 cutout 骨骼的每个身体部件单独生成透明图,manifest 里为每个部件声明枢轴点。骨骼本身是 agent 直接写的 JSON——不需要 Spine 编辑器,不需要许可证。
图像之外。 同一条 MCP 连接覆盖音乐(文生音乐给我们的解谜游戏和视觉小说都配了乐)、语音(TTS 一角色一固定音色)、甚至 15 秒玩法预告片(真实素材渲染成关键帧再图生视频)。
第 5 步:无所畏惧地重新生成
因为提示词在风格圣经里、规格在 manifest 里,重生成是免费的:石头不好看?重 roll 那一条。更强的图像模型上线了?换一个模型 ID 重放整份 manifest——整个游戏在代码沉睡时原地换肤。这就是"生成焊进构建循环"与"网页里生成再手动拖文件"的实际差别。
证明它可行
这不是提案。一套 12 个游戏的合集——解谜、视觉小说、沙盒、射击等——每个素材都经这条管线产出,经 WebAssembly 在任何浏览器可玩。开发实录:从一张截图做出解谜游戏、从一句话交付视觉小说、九个可游玩的引擎跑分且零人工素材。
问答
怎么把 Claude Code 接到图像生成器?
把生成平台注册为 MCP 服务。用 Floniks 只要一条命令:claude mcp add --transport http floniks https://api.floniks.com/api/v1/mcp,API key 放在 Authorization 头。模型随即以可调用工具的形式出现在 agent 面前。
怎么让大量素材保持画风一致?
用可复用的提示词模板(「风格圣经」)一次性锁定色板、描边、明暗与视角,每个素材只变化主体词。角色则用一张底图锁定身份,经图生图派生变体。
生成的美术怎么不经人工进入游戏?
靠约定:manifest 声明每个素材的文件名与像素尺寸,引擎按文件名加载。agent 生成、去背景、按规格缩放、存到声明路径——游戏零代码改动直接拾取。
能产出图集和动画吗?
能。生成统一网格图按帧尺寸切分即图集动画;生成透明部件加一份 JSON 骨骼即 cutout 骨骼动画——两者都由简单的引擎契约承接。
更好的模型出来了怎么办?
换一个模型 ID 重放 manifest。因为每个素材的提示词与规格都以数据形式存储,升级模型即可原地重生成整个素材库,架构不动。
从 /developers/mcp 开始把 Floniks 接进 Claude Code;这条管线所属的七步方法论见系列总览。