将单张参考图重建为可动画的程序化 Three.js 代码模型,而不是网格文件。
majidmanzarpour/threejs-game-skills
一套供 Codex 和 Claude Code 使用的九个智能体技能,用于构建可玩、精致的 Three.js 浏览器游戏。
- Star
- 2,541
- Fork
- 252
- 未关闭 Issue
- 5
- 最近提交
- 23天前
这是什么?
Three.js Game Skills 是一套面向 Codex 和 Claude Code 的智能体技能包,用于用 Three.js 开发浏览器游戏。入口技能 threejs-game-director 会把任务分派给玩法系统、画面、UI、调试、测试发布等专项技能,并可调用 3D、图像和音频生成能力。每个技能目录都自带 SKILL.md、参考文档、辅助脚本和资源。
技能包内置 Vite + TypeScript + Three.js 脚手架。生成的游戏包含可确定复现的测试钩子、带种子的随机数生成器,以及用于冒烟测试、视觉回归基线和机器人试玩的 Playwright 模板,方便智能体在浏览器中自行验证。画布检查工具会输出像素指标和渲染预算数据,证据检查脚本则可按运行 ID 校验一组截图。
外部素材生成为可选功能:Tripo 负责 3D 模型,Gemini 负责图像,ElevenLabs 负责音频,各自需要单独的 API 密钥。缺少密钥时,导演技能会改用程序化素材,并说明受影响的部分。
核心功能
- 01导演技能会把通用游戏需求分派给玩法、画面、UI、调试和发布等专项技能。
- 02内置 Vite + TypeScript + Three.js 脚手架,带可确定复现的测试钩子和种子随机数。
- 03提供冒烟测试、视觉回归基线和机器人试玩的 Playwright 模板。
- 04画布检查脚本可输出像素指标和渲染预算数据。
- 05可选接入 Tripo、Gemini 和 ElevenLabs,分别生成 3D 模型、图像和音频。
适用场景
- 在 Codex 或 Claude Code 中,从空目录借助智能体开发浏览器游戏。
- 提升现有 Three.js 原型的画面、HUD 或移动端操作体验。
- 为 Three.js 游戏项目添加自动化浏览器测试和截图基线。
- 在配置了密钥的情况下,通过外部服务生成可直接使用的 3D 模型、贴图或音效。
快速上手
- 1
为 Codex 安装全部技能
npx skills add majidmanzarpour/threejs-game-skills --skill '*' -a codex -g -y - 2
为 Claude Code 安装全部技能
npx skills add majidmanzarpour/threejs-game-skills --skill '*' -a claude-code -g -y - 3
在项目文件夹中打开 Codex 或 Claude Code,并提示它使用 threejs-game-director 构建游戏
使用前须知
- 仅适用于 Codex 和 Claude Code 代理,并非独立的游戏引擎。
- 部分资源生成功能需要 Tripo、Gemini 或 ElevenLabs 的付费 API 密钥;否则代理会改用程序化资源。
标签
常见问题
- threejs-game-skills 是什么?
- 一套供 Codex 和 Claude Code 使用的九个智能体技能,用于构建可玩、精致的 Three.js 浏览器游戏。 Three.js Game Skills 是一套面向 Codex 和 Claude Code 的智能体技能包,用于用 Three.js 开发浏览器游戏。入口技能 threejs-game-director 会把任务分派给玩法系统、画面、UI、调试、测试发布等专项技能,并可调用 3D、图像和音频生成能力。每个技能目录都自带 SKILL.md、参考文档、辅助脚本和资源。
- threejs-game-skills 可以免费使用吗?用的什么许可证?
- threejs-game-skills 以 MIT 许可证开源。用于商业产品前,请先确认许可证条款。
- threejs-game-skills 还在维护吗?
- 活跃维护中。threejs-game-skills 最近一次提交是在 2026年9月28日。
- threejs-game-skills 适合用来做什么?
- 在 Codex 或 Claude Code 中,从空目录借助智能体开发浏览器游戏。 提升现有 Three.js 原型的画面、HUD 或移动端操作体验。 为 Three.js 游戏项目添加自动化浏览器测试和截图基线。 在配置了密钥的情况下,通过外部服务生成可直接使用的 3D 模型、贴图或音效。
- threejs-game-skills 怎么安装和运行?
- 为 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 在项目文件夹中打开 Codex 或 Claude Code,并提示它使用 threejs-game-director 构建游戏
- 在哪里获取 threejs-game-skills?
- 源代码和安装说明在 GitHub 上:https://github.com/majidmanzarpour/threejs-game-skills
概要由 AI 根据项目 README 生成;GitHub 数据每日更新。
相关项目
一款可离线使用的网页版实时星空应用,在浏览器中还原任意地点与时间的本地天空。
面向网页的高性能 2D 渲染库,基于 WebGL 和 WebGPU 绘制图形、精灵与文本。
开源、本地优先的 3D 建筑编辑器,可在浏览器或命令行中使用,并支持 AI 智能体通过 MCP 调用。
面向 AI 编码代理的 74 个游戏开发技能文件,附带按引擎和任务自动加载的路由器。
基于 Three.js 与 GLSL 的技能特效沙盒,可实时调节 938 个参数,暂停时也能修改。