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
3D Skills for Claude Code, Codex & AI Agents
These skills let an agent build three.js scenes, model CAD parts from text, prepare files for 3D printing and work with shaders. A large share comes from the text-to-cad collection, so manufacturing and drawings are well covered.
32 skillsSub-topics
Explore 3D 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
How to choose 3D skills
Choose three.js skills for interactive web scenes, text-to-cad skills for physical parts and print preparation, and engine-specific skills when the model is headed into Godot, Unity or Roblox.
- Set up a three.js scene with lighting and glTF models
- Turn a text description into a CAD part and drawing
- Check a model for printability before slicing