threejs-skills

threejs-skills

Provides foundational knowledge and example code for Three.js to Claude Code.

Agent SkillDevOpen source
Type
Agent Skill
Open source
Yes
GitHub Stars
★ 2.5k
Source
skill-github

Overview

threejs-skills is a curated set of Three.js skill files designed to equip Claude Code with the essential knowledge needed to create 3D elements and interactive experiences. These skill files offer accurate API references, working code examples for common use cases, performance optimization techniques, and integration patterns across different Three.js systems. By leveraging these skill files, Claude Code can better understand and utilize Three.js to generate high-quality 3D content. Ideal for developers integrating Three.js into their projects.

Capabilities

  • Scene setup, camera, and renderer
  • Geometries and instancing
  • Materials and shaders
  • Lighting and shadows
  • Textures and environment mapping
  • Animation and loaders

Use cases

Create a basic Three.js sceneAdd lighting and shadowsLoad GLTF modelsCreate custom shaders

Setup

Requires: Node 环境
git clone https://github.com/pinkforest/threejs-playground.git or git submodule add https://github.com/pinkforest/threejs-playground.git

This information was compiled by AI from public sources and may contain inaccuracies — please refer to the source.

FAQ

How do I use these skill files?

Place the skill files in the .claude/skills directory; Claude Code will automatically load the relevant skill files based on request context.

Have these skill files been validated?

Yes, these skill files have been reviewed against the official Three.js documentation (r160+).

Related skills