用一句话让 AI 做出可玩的 3D 网页游戏：Three.js Game Skills 实测
📅 2026年06月21日 · 技术
让 AI 写个贪吃蛇不难，但让它独立交付一款画面精致、能直接在浏览器里玩起来的 3D 游戏，门槛就高得多了。Three.js Game Skills 把这件事打包成了一组「即装即用」的 Codex / Claude Code 技能，目标是：你只管提想法，剩下的玩法、画面、UI、音效、调试和发布验证，交给 AI Agent 自己路由完成。
一个 director 顶一个团队
这个项目最讨巧的设计是 threejs-game-director。你不用在「美术技能」「物理技能」「音频技能」之间手动挑选，只要在对话里喊一句「用 threejs-game-director 做一款赛车游戏」，director 就会根据当前阶段，自动把任务分发给对应的专家技能：有人负责玩法逻辑、有人负责 3D 画面与光影、有人负责 UI 与交互、有人负责生成贴图和音效，最后还有人盯着调试和发布前的质量检查。
对独立开发者或想做小游戏 Demo 的人来说，这等于凭空多了一个分工明确的小团队，而指挥它的成本只是几句自然语言。
不只是提示词，还带脚手架
很多「AI 做游戏」的项目其实就是一份长 prompt，跑出来的代码常常缺这少那。Three.js Game Skills 走得更实在：包里带的是完整的 SKILL.md、参考文档、检查清单、提示模板、辅助脚本，还有一个基于 Vite + TypeScript + Three.js 的项目脚手架，直接嵌在对应技能文件夹里。
也就是说，AI 产出的不是空中楼阁式的片段，而是能 npm install、能跑起开发服务器、能构建发布的项目。作者还晒出了几款已经可玩的成品：霓虹漂移赛车 Neon Ridge Drift、斯诺克竞技场、星际空战、潮汐歌者、Ripcore，每款都附了试玩链接和实机视频，说明这套技能确实能闭环交付。
怎么装上用
安装命令很简洁，支持 Codex 和 Claude Code 两种目标：
- Codex：
npx skills add majidmanzarpour/threejs-game-skills --skill '*' -a codex -g -y - Claude Code：
npx skills add majidmanzarpour/threejs-game-skills --skill '*' -a claude-code -g -y
装完之后，打开你的编码 Agent，描述你想做的游戏类型，让 director 接手就行。无论你是想快速验证一个游戏点子、给作品集加点亮点，还是单纯享受「一句话出游戏」的爽感，这套技能都值得一试。