**threejs-skills**

Three.js Skills for Claude Code

A curated collection of Three.js skill files that provide Claude Code with foundational knowledge for creating 3D elements and interactive experiences.

Purpose

When working with Three.js, Claude Code starts with general programming knowledge but lacks specific Three.js API details, best practices, and common patterns. These skill files bridge that gap by providing:

• Accurate API references and constructor signatures
• Working code examples for common use cases
• Performance optimization tips
• Integration patterns between different Three.js systems

Installation

Clone this repository into your project or copy the `.claude/skills` directory:

git clone https://github.com/pinkforest/threejs-playground.git

Or add as a submodule:

git submodule add https://github.com/pinkforest/threejs-playground.git

Skills Included

Skill	Description
threejs-fundamentals	Scene setup, cameras, renderer, Object3D hierarchy, coordinate systems
threejs-geometry	Built-in shapes, BufferGeometry, custom geometry, instancing
threejs-materials	PBR materials, basic/phong/standard materials, shader materials
threejs-lighting	Light types, shadows, environment lighting, light helpers
threejs-textures	Texture types, UV mapping, environment maps, render targets
threejs-animation	Keyframe animation, skeletal animation, morph targets, animation mixing
threejs-loaders	GLTF/GLB loading, texture loading, async patterns, caching
threejs-shaders	GLSL basics, ShaderMaterial, uniforms, custom effects

...