Repolode
majidmanzarpour

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. 1

    为 Codex 安装全部技能

    npx skills add majidmanzarpour/threejs-game-skills --skill '*' -a codex -g -y
  2. 2

    为 Claude Code 安装全部技能

    npx skills add majidmanzarpour/threejs-game-skills --skill '*' -a claude-code -g -y
  3. 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 数据每日更新。

相关项目