threejs

SKILL.md

Build high-performance 3D web applications using Three.js - a cross-browser WebGL/WebGPU library.

Level 1: Getting Started Load references/01-getting-started.md - Scene setup, basic geometries, materials, lights, rendering loop

Build immersive 3D web experiences with Three.js - WebGL/WebGPU library for scenes, cameras, geometries, materials, lights, animations, loaders, post-processing, shaders (including node-based TSL), compute, physics, VR/XR, and advanced rendering. Use when creating 3D visualizations, games, interactive graphics, data viz, product configurators, architectural walkthroughs, or WebGL/WebGPU applications. Covers OrbitControls, GLTF/FBX loading, PBR materials, shadow mapping, post-processing effects (bloom, SSAO, SSR), custom shaders, instancing, LOD, animation systems, and WebXR. Source: binjuhor/shadcn-lar.

Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/binjuhor/shadcn-lar --skill threejs Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code or Cursor

View raw