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 skillsExplore three.js & WebGL skills
4 skillsFree
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
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