Интерактивные веб-анимации с хромакеем и WebGL

★ 7.1 · web-development

oil-motion is a Claude Code skill that designs and implements interactive web animations driven by scroll, pointer, drag, touch, device orientation, audio, or component state. The workflow flows from AI-generated keyframes — using the MiniMax model `minimax/minimax-h3` via ZenMux — through a deterministic Python pipeline (Pillow, ffmpeg, ffprobe) that handles interpolation to 48 FPS, chroma-keying, stabilization, sprite-sheet packing, and manifest generation. All generated frames use a solid chroma background (green by default, magenta when the subject contains green), with the final page layer supplying the background through WebGL at runtime. Compiled assets are wired to frame-accurate interactive control via `interactive-motion.ts` and `chroma-video-renderer.ts`, making every motion respond precisely to user input rather than playing automatically. Best suited for product animations, character rigs, diagrams, and scene transitions on the web.