# Threejs Fundamentals (agent skill)

> Threejs Fundamentals is an agent skill (a SKILL.md file) from CloudAI-X/threejs-skills. Three.js scene setup: scenes and fog, cameras, the renderer and tone mapping, the animation loop, object hierarchies, transforms, core math and cleanup, on WebGL or with WebGPU and TSL. It works with Claude Code and has 3,745 GitHub stars across a repository of 3 listed skills.

Three.js scene setup: scenes and fog, cameras, the renderer and tone mapping, the animation loop, object hierarchies, transforms, core math and cleanup, on WebGL or with WebGPU and TSL. Use when creating a scene from scratch, configuring a camera or renderer, handling resize, or arranging objects. 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-fundamentals/SKILL.md |
| Skill name | threejs-fundamentals |
| GitHub stars | 3,745 |
| Installs on skills.sh | 8 |
| License | MIT |
| Skills in repo | 3 |
| Plugin marketplace | no |
| Official | no |
| Works with | Claude Code |
| Category | Design & frontend |
| Last commit | Oct 19, 2026 |

## When it triggers

- Use when creating a scene from scratch, configuring a camera or renderer, handling resize, or arranging objects.

## Add this skill

### Claude Code

```sh
git clone --depth 1 https://github.com/CloudAI-X/threejs-skills.git
cp -r threejs-skills/skills/threejs-fundamentals ~/.claude/skills/threejs-fundamentals   # 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-fundamentals .agents/skills/threejs-fundamentals   # 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-fundamentals .cursor/skills/threejs-fundamentals   # 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

skills.sh listing: https://www.skills.sh/CloudAI-X/threejs-skills/threejs-fundamentals

---

Canonical page: https://appsgit.com/skills/cloudai-x-threejs-fundamentals
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.