3d-animation
Purpose
Provide structured guidance for creating 3D graphics, animations, shader programs, and interactive visual experiences on the web. This domain covers Three.js scene creation, GLSL and Makepad shader authoring, Spline 3D embedding, scroll-driven animations, and p5.js generative art.
Domain Coverage
This package represents the 3D and animation domain for web development. It covers multiple interconnected capabilities: scene setup, geometry, materials, lighting, textures, loaders, interaction, animation, post-processing, shader programming, generative art, scroll effects, and third-party 3D tool integration.
Mini-skills are separated for routing and selective loading. Real tasks in this domain rarely depend on one skill alone — building a complete 3D experience typically requires combining scene setup with materials, lighting, interaction, and possibly post-processing or custom shaders.