Free
Web & UI
three.js Scene Setup
Create a responsive 3D scene with module imports, a camera, WebGL renderer, animation loop, and OrbitControls.
8.8KStars894Forks
Repository last pushed
Abhishek Barali
three.js & WebGL Skills for Claude Code, Codex & AI Agents
These skills help an agent build interactive 3D graphics for the browser. Members cover three.js scenes, glTF models, materials and lighting, shaders, Pixi rendering, and image-to-scene work.
12 skillsStart here
Comprehensive GLSL shader techniques for creating stunning visual effects — ray marching, SDF modeling, fluid simulation, particle systems, procedural generation, lighting, post-processing, and more.
13.8KStars1.2KForks
Repository last pushed
Reconstruct reference objects and characters as procedural Three.js models with staged quality checks.
21.2KStars1.8KForks
Repository last pushed
Audit Three.js and React Three Fiber applications for frame-loop, GPU resource and visual problems.
15.1KStars499Forks
Repository last pushed
Explore three.js & WebGL skills
8 skillsFree
Other utilities
Godot 2D & 3D Shaders
Write canvas and spatial shaders with editable uniforms, animated UVs, dissolve, rim lighting, and screen effects.
8.8KStars894Forks
Repository last pushed
Abhishek Barali
Free
Web & UI
PixiJS Rendering & Interaction
Build a PixiJS render layer with asynchronous initialization, textures, scene containers, ticker updates, and pointer events.
8.8KStars894Forks
Repository last pushed
Abhishek Barali
Build rich, scroll-controlled real-time Three.js experiences as one persistent 3D world whose camera, lighting, atmosphere, materials, objects, DOM story, and interactions evolve across authored chapters. Use for 3D scrollytelling, scroll-driven WebGL worlds, camera journeys, interactive portfolios, product stories, exhibitions, explainers, game or film microsites, spatial narratives, and multi-scene websites where native scroll should travel through one continuous place. Not limited to landing pages.
7.5KStars861Forks
Repository last pushed
Three.js scene setup, cameras, renderer, Object3D hierarchy, coordinate systems. Use when setting up 3D scenes, creating cameras, configuring renderers, managing object hierarchies, or working with transforms.
4.2KStars481Forks
Repository last pushed
Three.js shaders - GLSL, ShaderMaterial, uniforms, custom effects. Use when creating custom visual effects, modifying vertices, writing fragment shaders, or extending built-in materials.
4.2KStars481Forks
Repository last pushed
Free
Other utilities
Cross-Engine Shader Programming
Write shader effects using coordinate spaces, UV math, texture sampling, dissolve, outlines, and Fresnel lighting.
8.8KStars894Forks
Repository last pushed
Abhishek Barali
Free
Web & UI
three.js glTF Models & Animation
Load glTF or GLB models, play and blend animation clips, and configure compressed geometry and texture decoders.
8.8KStars894Forks
Repository last pushed
Abhishek Barali
Free
Web & UI
three.js Materials & Lighting
Choose PBR or unlit materials, build light rigs, fit shadow maps, and use environment lighting and reflections.
8.8KStars894Forks
Repository last pushed
Abhishek Barali
Related topics
How to choose three.js & WebGL skills
Use scene setup for a new canvas, model and material entries for asset work, and shader or Pixi skills when the interaction or rendering effect is the hard part.
- Set up a three.js scene with a camera and lights
- Load and animate a glTF model
- Add a shader effect to an interactive canvas