Frontend y Diseño

Three.js Animation

por Julien Thibeaut (ui-skills.com) 3.7k Estrellas en GitHub

Animate 3D scenes — keyframe and skeletal animation, morph targets, animation mixing, and procedural motion in Three.js.

#threejs#animation#skeletal#gltf

Claude Code Codex

Descripción General

A companion to the Three.js skill focused on motion: keyframe and skeletal animation, morph targets, playing GLTF animations, blending/mixing clips, and procedural motion. Use it when objects need to move, not just render.

Para qué sirve

Playing GLTF character animations
Blending between animation clips
Driving procedural object motion
Using morph targets for shape animation

Instalar

Instalar en Claude Code

# Add the marketplace, then install the skill in Claude Code:
/plugin marketplace add ibelick/ui-skills
/plugin install threejs-animation

# Or install manually into ~/.claude/skills:
git clone https://github.com/ibelick/ui-skills.git
cp -r ui-skills/threejs-animation ~/.claude/skills/threejs-animation

Instalar en Codex

# Codex reads SKILL.md skills from ~/.codex/skills (auto-detected):
git clone https://github.com/ibelick/ui-skills.git
cp -r ui-skills/threejs-animation ~/.codex/skills/threejs-animation

# Then reference the skill in Codex — it loads on demand.

Visitar Fuente (GitHub)

Explora 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