Back to Agent Skills
Frontend & Design Featured
Three.js
by Julien Thibeaut (ui-skills.com) 3.7k GitHub stars
Build and debug interactive 3D scenes on the web — scene/camera/renderer, lights, materials, GLTF loading, controls, and performance.
#threejs#3d#webgl#gltf
Claude Code Codex
Overview
This skill covers building and debugging interactive 3D scenes with Three.js: scene, camera, and renderer setup, lights and materials, GLTF model loading, orbit and custom controls, and performance tuning. Aimed at designers who want to ship 3D UI moments without deep graphics expertise.
What it is good for
- Adding a 3D hero moment to a site
- Loading and displaying a GLTF model
- Setting up lights and materials
- Optimizing 3D scene performance
Install
Install in Claude Code
# Add the marketplace, then install the skill in Claude Code:
/plugin marketplace add ibelick/ui-skills
/plugin install threejs
# Or install manually into ~/.claude/skills:
git clone https://github.com/ibelick/ui-skills.git
cp -r ui-skills/threejs ~/.claude/skills/threejsExplore AI Tools
Discover the best AI tools that complement your skills
Read AI & Design Articles
Tips and trends in the world of design and AI
Related Skills
Frontend & Design
Frontend Design
Create distinctive, production-grade frontend interfaces that avoid generic AI aesthetics — pages, components, artifacts, and posters.
Claude Code Codex
Frontend & Design Web Artifacts Builder
Construct complex, multi-component HTML artifacts for Claude.ai using React and Tailwind.
Claude Code Codex
Frontend & Design Animation Systems
Product-grade web motion like Stripe, Linear, Apple, and Vercel — easing/duration defaults, choreography, performance, and reduced-motion.
Claude Code Codex