利用 AI 协作开发 3D 浏览器游戏方法卡片
作者在生病期间通过 Claude Code 制作了浏览器越野赛车游戏 Slipface。通过编写文档、设定技能、复现链接和描述手感等方法，实现了高质量的 AI 前端/游戏开发协作。
Reddit r/vibecoding/u/Slipfacegame
Claude Code (Opus / Sonnet)Three.jsWebGPUMeshySunoCloudflare Workers
收录于 2026-10-31 · 原文发布于 2026-10-29
要点
- 为 AI 编写系统文档：每个系统都要有说明文档解释设计原因，并在每次提交代码时同步更新，防止 AI 在新会话中错误地“修复”故意这样设计的功能。
- 将繁琐任务转化为技能：把多步骤流程（如添加车辆）封装成单次请求，并在涉及消耗积分的环节（如生成 3D 模型）加入人工确认（OK）步骤。
- 让 AI 自行复现并查看 Bug：提供能直接跳入关卡、单人或旁观 AI 车辆的调试链接，让 AI 自己去观察并寻找问题。
- 描述手感而不是直接给修复方案：向 AI 描述实际体验（例如“过山脊时发飘然后横向甩尾”），让 AI 自行寻找底层原因。
- 小步频繁提交：物理引擎容易在几次修改后崩溃，频繁提交和检查点能让问题变成简单的回退而不是痛苦的排查。
坑点
- 新会话中的 AI 可能会试图“修复”那些原本就是故意这样设计的系统逻辑
- 直接让 AI 自动生成 3D 模型等资产可能会无谓消耗大量积分（Credits）
- 物理效果在经过多次修改后容易崩坏，缺乏频繁的提交和检查点会导致难以排查
.cursorrules
- Write docs for every system explaining why it works, and update docs in the same commit as the code. - Turn multi-step chores into single skills with a human confirmation step if resources/credits are consumed. - Describe the feel of the issue rather than guessing the fix, and let the AI investigate the cause. - Commit small and often to make physics or logic breaks easy to revert.
可复制提示词
请帮我实现 [具体功能模块]，在编写代码前请先查阅并遵循相关系统文档。不要随意修改故意这样设计的底层逻辑。如果在调整 [例如：物理手感/车辆控制] 时发现问题，请先分析其手感表现（例如：[描述具体的手感体验]），找出底层原因再进行修改。每次修改请确保小步提交，方便随时回退。
#AI前端#ClaudeCode#开发工作流#3D游戏
相关方法
内容由 AI 依据原文翻译整理，细节以原帖为准；版权归原作者。