Volver a Agent Skills
Frontend y Diseño Destacado
Three.js
por Julien Thibeaut (ui-skills.com) 3.7k Estrellas en GitHub
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
Descripción General
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.
Para qué sirve
- Adding a 3D hero moment to a site
- Loading and displaying a GLTF model
- Setting up lights and materials
- Optimizing 3D scene performance
Instalar
Instalar en 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/threejsExplora herramientas de IA
Las mejores herramientas de IA que complementan tus habilidades
Lee artículos sobre IA y diseño
Consejos y tendencias en el mundo del diseño y la IA
Skills Relacionados
Frontend y Diseño
Frontend Design
Create distinctive, production-grade frontend interfaces that avoid generic AI aesthetics — pages, components, artifacts, and posters.
Claude Code Codex
Frontend y Diseño Web Artifacts Builder
Construct complex, multi-component HTML artifacts for Claude.ai using React and Tailwind.
Claude Code Codex
Frontend y Diseño Animation Systems
Product-grade web motion like Stripe, Linear, Apple, and Vercel — easing/duration defaults, choreography, performance, and reduced-motion.
Claude Code Codex