Threejs Skills

This is a solid Three.js reference that covers the essentials: scene setup with modern ES module imports, the renderer/camera/scene trinity, and an animation loop. It walks through the systematic stuff like choosing geometries and materials, setting up lighting correctly (and knowing when to skip it), and includes practical patterns for OrbitControls, raycasting for clickable objects, and particle systems. The guidance on when to use MeshBasicMaterial versus lit materials is helpful, and the responsiveness handling is mandatory but often forgotten. Good for anyone building 3D visualizations or interactive WebGL experiences without having to dig through Three.js docs every time. The import map setup is current for r183.

skills.sh installs: 684
GitHub stars: 43.1K
last updated: Jul 14, 2026

View on GitHub

Install

$ npx -y skills add sickn33/antigravity-awesome-skills --skill threejs-skills --agent claude-code

Installs into .claude/skills of the current project.

Files

Three.js Skills

Systematically create high-quality 3D scenes and interactive experiences using Three.js best practices.

Detailed Guide

Read the detailed guide before executing this skill. It retains the complete procedure and reference material. Treat its safety, prerequisites, and validation requirements as mandatory. For focused work, load the relevant sections; for end-to-end work, read the guide completely.