内容
# Mint Three.js 技能
Mint Three.js 技能帮助编码代理更快地构建 3D 应用和游戏。它被设计为 [Mint MCP](https://mcp.mint.gg/) 的配套工具。
<p>
<a href="https://play.mint.gg/vanguard-protocol"><img src="https://play.mint.gg/experience-assets/vanguard-protocol/social-card.webp" alt="Vanguard Protocol 动画角色阵容" width="24%"></a>
<a href="https://play.mint.gg/helios-form"><img src="https://play.mint.gg/experience-assets/helios-form/social-card.webp" alt="Helios Form 轨道飞行器展示厅" width="24%"></a>
<a href="https://play.mint.gg/neon-relic"><img src="https://play.mint.gg/experience-assets/neon-relic/social-card.webp" alt="Neon Relic 交互式科幻海报画廊" width="24%"></a>
<a href="https://play.mint.gg/impossible-places"><img src="https://play.mint.gg/experience-assets/impossible-places/social-card.webp" alt="Impossible Places 交互式高斯飞溅旅行杂志" width="24%"></a>
</p>
## 入门指南
### 1. 安装 Mint Three.js 技能
选择您的编码代理。
#### Codex
```bash
npx skills add mintdotgg/mint-threejs-skills -a codex -g -y
```
#### Claude Code
```bash
npx skills add mintdotgg/mint-threejs-skills -a claude-code -g -y
```
#### Cursor
```bash
npx skills add mintdotgg/mint-threejs-skills -a cursor -g -y
```
#### 其他编码代理
```bash
npx skills add mintdotgg/mint-threejs-skills
```
### 2. 连接 Mint MCP 进行 3D 资产生成
前往 [mcp.mint.gg](https://mcp.mint.gg/) 并按照说明在您的编码代理中安装 Mint MCP。
### 3. 使用 Mint Three.js 技能和 Mint MCP
对于一般的 3D 应用:
```text
使用 Mint Three.js 技能(mint-threejs-skills)和 Mint MCP 构建具有模型变体、材质选择、注释和相机预设的响应式 Three.js 产品配置器。
```
对于游戏:
```text
使用 Mint Three.js 技能(mint-threejs-skills)和 Mint MCP 构建具有完整可玩循环、响应式控制、游戏 UI、生产资产和发布验证的精致 Three.js 悬浮赛车游戏。
```
对于现有项目:
```text
使用 Mint Three.js 技能(mint-threejs-skills)和 Mint MCP 检查该项目,保留其当前堆栈,修复交互和渲染问题,并验证更改的用户旅程。
```
## 验证范围
该技能默认运行最低可行的非浏览器检查:最近的构建/类型检查门控,关注更改逻辑的现有测试和本地资产路径验证。然后,它将扩展的桌面/浏览器 QA 作为可选的下一步骤。Playwright、画布检查、截图、诊断、性能分析和视觉回归测试不是自动的。移动 QA 是在桌面 QA 之后的单独二级审批,除非请求明确命名两者。
当未批准扩展 QA 时,代理必须说明,而不是暗示结果已经过浏览器、移动或发布测试。
## 致谢
Mint Three.js 技能结合并改编了这些开源技能。它针对游戏以外的领域进行了概括,并专门设计用于与 Mint MCP 一起使用作为其 3D 资产生产管道。
- [threejs-game-skills](https://github.com/majidmanzarpour/threejs-game-skills)
- [GameBlocks](https://github.com/xt4d/GameBlocks/tree/main)
- [Threejs-Awesome-Graphics-Agent-Skills](https://github.com/scottstts/Threejs-Awesome-Graphics-Agent-Skills)