# Threejs Performance (agent skill)

> Threejs Performance is an agent skill (a SKILL.md file) from CloudAI-X/threejs-skills. Measuring and optimizing three.js speed: render statistics, memory counters, fewer draw calls via merging, instancing, batching and LOD, fill rate, shadows, CPU work per frame, shader stalls and GPU. It works with Claude Code and has 3,745 GitHub stars across a repository of 3 listed skills.

Measuring and optimizing three.js speed: render statistics, memory counters, fewer draw calls via merging, instancing, batching and LOD, fill rate, shadows, CPU work per frame, shader stalls and GPU compute for particles, WebGL or WebGPU with TSL. Use when a scene is slow, janks or exceeds memory. Targets three.js r186. Examples use WebGLRenderer; the WebGPU and TSL section uses WebGPURenderer.

## Key facts

| Fact | Value |
|---|---|
| Repository | https://github.com/CloudAI-X/threejs-skills |
| Skill path | skills/threejs-performance/SKILL.md |
| Skill name | threejs-performance |
| GitHub stars | 3,745 |
| Installs on skills.sh | not listed |
| License | MIT |
| Skills in repo | 3 |
| Plugin marketplace | no |
| Official | no |
| Works with | Claude Code |
| Category | Data & analysis |
| Last commit | Oct 19, 2026 |

## When it triggers

- Use when a scene is slow, janks or exceeds memory.

## Add this skill

### Claude Code

```sh
git clone --depth 1 https://github.com/CloudAI-X/threejs-skills.git
cp -r threejs-skills/skills/threejs-performance ~/.claude/skills/threejs-performance   # personal, or .claude/skills in a project
```

In the Claude apps, zip the skill folder and upload it under Customize > Skills > + > Upload a skill (code execution must be on).

### ChatGPT / Codex

```sh
git clone --depth 1 https://github.com/CloudAI-X/threejs-skills.git
cp -r threejs-skills/skills/threejs-performance .agents/skills/threejs-performance   # repo; ~/.agents/skills for all projects
```

### Cursor

```sh
git clone --depth 1 https://github.com/CloudAI-X/threejs-skills.git
cp -r threejs-skills/skills/threejs-performance .cursor/skills/threejs-performance   # project; ~/.cursor/skills for all projects
```

Sources (checked 2026-10-07): https://code.claude.com/docs/en/skills, https://support.claude.com/en/articles/12512180-using-skills-in-claude, https://learn.chatgpt.com/docs/build-skills, https://cursor.com/docs/context/skills

---

Canonical page: https://appsgit.com/skills/cloudai-x-threejs-performance
Source: appsgit (https://appsgit.com), the app store for github. Data from the GitHub API, refreshed daily.
Machine access: JSON API https://appsgit.com/api/v1/apps (OpenAPI: https://appsgit.com/openapi.json), MCP server https://mcp.appsgit.com/mcp, full index https://appsgit.com/llms-full.txt.