你是Solo开发者，我的第一款商业游戏即将在Steam上发布，预计在几个月内上线。游戏名为“Yet Another Incremental Game (but this time about coding)” — 一款编程主题的空闲游戏，玩家需要在键盘上疯狂敲击来编写代码，管理6个AI代理，训练11种编程语言，并最终构建一个自动化机器网格。两点使这个项目在AI游戏开发中异常：

  1. 95%+ 的代码由Claude Code (Anthropic的CLI)编写（我架构和审查，Claude实现）。
  2. 游戏中没有生成的图像资产。没有精灵，纹理，AI艺术，PSD文件。游戏中的所有可视化元素都是React组件与Tailwind CSS。营销资产（胶囊，关键艺术，预告片）由朋友（人类）帮助完成，而不是AI。

我发布这篇文章是因为这个社区值得更多关于如何集成AI而不是AI是否被使用的帖子，我想与做类似工作的人讨论具体细节。

数字

  • 开发13个月（与自由职业同时进行，没有全职期）
  • Steam上的愿望清单4,313个（4,892添加，580删除，11.85%删除率，健康范围）
  • 自2026年2月以来在Steam上保持在线演示
  • 参与了2026年2月的Steam Next Fest — 单次流量事件（6,623个页面访问）
  • 单个转换渠道：Reddit（其他：LinkedIn，X，TikTok，YouTube — 均为平稳）
  • 在几个月内发布

如果你对营销文章后记感兴趣，它是一个单独的写作。这个帖子是关于开发工作流。

堆栈

  • React 19 + Zustand + TypeScript
  • Vite（Web），Electron（Steam构建），Expo（移动，尚未触及）
  • break_eternity.js用于大数字（十进制类）
  • PrismJS用于游戏内的代码语法
  • Tailwind CSS用于所有可视化元素
  • Vitest用于测试

没有游戏引擎。Web堆栈通过Electron发送到Steam。

1. 与Claude Code（95%+ 的代码）编写代码

这是实际累积的部分。我没有做“氛围编程”而是更接近于高级开发人员的配对编程，架构，定义行为，审查，而Claude则实现。

什么是有效的：

  • 项目CLAUDE.md作为真实来源。 一个50+行的文档涵盖了架构，性能规则，命名约定，技术特定陷阱（十进制算术，Zustand选择器规则，setInterval与rAF用于进度条）。
    Claude在每个会话中阅读它，这意味着实现一致性比我遇到的任何人类自由职业者更紧密。
  • 十进制算术纪律。 空闲游戏需要大数字支持，而不能使用native + - * /运算符，否则会出现静默的数字截断。 我在CLAUDE.md中记录了“始终使用.add()，.sub()，.mul()等”的规则”，而Claude在几百次更改中从未违反它。 对于人类初级开发人员来说，做到这一点很难。
  • 100个Steam成就在一个会话中。 声明性条件函数 + 分页服务 + 展示配置。从我写的规范中，Claude在~30分钟内生成了所有100个条件正确。 手动估计将花费一个完整的天，可能是两个。
  • 状态迁移。 每个持久状态形状变化都需要迁移。Claude在写这些方面非常出色，因为任务是机械的和明确的。

什么是无效的：

  • 游戏平衡。 AI无法告诉你你的尊严成本曲线是否合适。 这是测试和直觉。 我必须手动完成所有平衡调整，使用表格和直觉。
  • 渲染循环中的性能调试。 当某些东西卡顿时，Claude倾向于建议“使用Memo这个，使用Callback那个”而不是具体的。 实际上，空闲游戏中的性能问题（高频更新，引用DOM的变动）需要使用实际DevTools进行_PROFILEING_。 AI没有打开性能面板。

具体的提示模式是最有效的：

＆gt;"读取 [file_path ]和 [相关文件路径 ]。当前行为： X。期望行为： Y。仅修改 [范围 ]。不要重构周围的代码。"

去除“我们还在这里”重构诱惑可以显著减少我的回归率。

2. 与Claude 设计（最近的突破）进行UI 设计

这个部分我开始后面。Claude 设计（设计重点的工作流）是我的UI 探索深入的地方。真正的改进：

  • 布局层次结构修复（最常点击的屏幕中的进展信息被埋藏在下面）
  • 主题系统（下一个演示更新中将发布多个主题）
  • 微交互和反馈状态（加载，成功，锁定/解锁升级视觉状态）

什么是有效的：

  • 将Claude视为一个 junior 设计师，具有强大的模式知识。 我会描述问题，什么不合适，希望用户感觉什么，并迭代解决方案。 比典型的“重新设计这个屏幕”的提示更好，产生了泛化的AI 设计输出。

3. 可视化：“没有资产”方法

游戏中没有生成的图像资产。没有精灵，纹理，AI艺术，PSD文件。游戏中的所有可视化元素都是：

  • React 组件，使用Tailwind CSS进行样式
  • CSS 动画和过渡
  • SVG 图标（Lucide React）
  • 动画渐变，颜色和运动作为视觉语言

这是一个约束驱动的选择 — 我不是视觉艺术家，预算为零，我不想与AI艺术生成循环打交道。它成为一个故意的品牌方向。 游戏看起来像“代码编辑器”因为它 是 一个代码编辑器。 没有纹理意味着没有艺术风格不匹配的特性。 对营销资产（Steam胶囊，关键艺术，预告片），我有朋友的帮助 — 人类，而不是AI。 胶囊和预告片受益于真实的视觉品味，我自己没有，并且纯粹的React渲染无法实现。 交易：游戏内的视觉亮点有限。 缓解：主题系统（下一个演示更新中将发布）、动画渐变、选择性使用颜色和运动。 那些喜欢最小化/UI前进的空闲游戏（通用纸牌，黑暗房间）似乎喜欢它。 那些期望AAA视觉效果的人不喜欢。

4. 声音：100% AI 生成，仍然很糟糕

100% AI 生成的SFX（ElevenLabs SFX，其他几个）。没有许可资产，没有人类制作的声音。诚实的评估：仍然很糟糕。 不一致，有时太合成，有时太随机。 我没有明确的工作流来标记和检索声音以匹配特定的UI事件，所以我一直在重新生成。 这是我最想在发布前改进的地方。 如果你有一个工作的AI-SFX 工作流来处理游戏UI事件，我想听听。

5. 营销视频管道

我建立了一个基于Remotion的管道（程序化视频在React中）来生成短片营销视频：

  • 代码覆盖在帧内动画
  • Claude API生成的Hook文本（每次50-100个Hook）
  • ElevenLabs语音在某些视频中
  • 自定义后台选择最佳Hook，配对 footage，安排

管道每次生成 ~3-5 个视频。 质量不一致。 每次尝试的成本接近于零，让我能够快速迭代Hook。 坦率地说： 营销视频没有移动我的愿望清单。 管道产生了大量的内容。 但是，观众尚未跟上。 Reddit仍然是我唯一的转换渠道。 分享因为我看到很多关于“AI营销视频”的帖子，没有显示负面结果。 当前正在围绕TikTok内容发布API限制（未审计 = 无描述传递）使用浏览器自动化。 脆弱但有效。

6. 本地化

Claude在~3000个字符串上进行第一次EN→FR转换，手动审核。 ~95%在第一次通过时正确。 2天而不是2周。

我想与这个社区讨论的内容

  1. AI-SFX 工作流，实际上适用于游戏UI事件 — 可标记，检索，均匀的风格。 ElevenLabs SFX是半成品。 你使用什么？
  2. TikTok Content Posting API 审计 — 有人在这个社区中获得了直接 POST 批准作为单独的独立人吗？ 值得花费2-8周的时间，还是继续使用Playwright自动化？
  3. “没有游戏内图像资产”的选择 — 有人在Steam上发布了纯React/CSS/SVG视觉的游戏吗？ 感兴趣的是它是否是一个可行的独立路径还是一个死胡同。 我的直觉是它是一个被低估的选择。
  4. CLAUDE.md 的提示工程，用于游戏开发 — 我有一个个人收藏的项目规则模板，适用于这个游戏。 如果有兴趣，我可以开源。
  5. 平衡调节 — 有人想出了一种AI可以帮助平衡调节，而不是仅仅编码吗？ 我尝试描述曲线给Claude，提供数据表格 — 没有可靠的结果。 我想知道你是如何解决它的。

游戏在Steam上，如果你想看一下输出（又一个空闲游戏，但这次是关于编程）。 演示免费。 这个帖子是工作流和诚实的数字，而不是推销 — 愿意在评论中深入讨论任何具体点。 — Tristan / Raclette Games