Agent Skills Hub

threejs-animation

Three.js animation systems: keyframe animation, skeletal animation, morph targets, and animation mixing for procedural motion, GLTF playback, and complex character blending.

threejs-geometry

Three.js geometry generation: built-in shapes, BufferGeometry, vertex manipulation, custom meshes, and performance-optimized instanced rendering.

threejs-materials

Three.js material library: PBR, basic, phong, shader materials, and properties. Essential for styling meshes, texture mapping, custom GLSL shaders, and optimizing 3D material performance.

threejs-builder

Build performant Three.js web scenes using modern ES modules. Includes scene graph setup, lighting, geometries, GLTF/GLB loading, animation loops, and performance optimization best practices.

threejs-textures

Three.js texture management, including loading, UV mapping, environment maps, HDR support, and texture configuration (wrapping, filtering, compression).

webgl-expert

Expert guide for WebGL 1.0/2.0 development: shaders (GLSL), 3D graphics, GPU programming, rendering pipelines, buffers, and performance optimization for web canvas.

manimgl-best-practices

Best practices and code patterns for ManimGL (3Blue1Brown's OpenGL animation engine). Provides templates, rules for 3D/interactive scenes, camera control, and LaTeX math visualization for technical creators.

web-shader-extractor

Extract, deobfuscate, and port WebGL/Canvas/Shader visual effects from websites into standalone, native JavaScript projects.

frontend

Frontend coding conventions for Preact and Tailwind. Use for web UI components in cluster applications.

anima

Anima is a TypeScript animation engine for creating programmatic mathematical visualizations. Use it to script geometric animations, graphs, and complex movements with a fluent, Manim-inspired API.

phaser-gamedev

Expert-level Phaser 3 game development agent. Handles scene architecture, Arcade/Matter physics, asset pipelines, sprite animations, and performance optimization for 2D web games.

pellicule

Pellicule is a Vue-native library for programmatic video generation, allowing you to render deterministic videos, animations, and motion graphics directly from Vue components.