React reducer state management with multi-undo, coalesced drag updates, and gesture-first dispatch. Use when building interactive editors, implementing undo/redo, or managing complex UI state.
Choose between Remotion, HyperFrames, or hybrid for new video work in this project. Use when asked "should I use Remotion or HyperFrames for X", "which framework for ___", before starting any new composition, or when evaluating migration of existing scenes. Covers the dual-stack decision matrix derived from the 2026-04-22 evaluation session.
Multi-layer hand gesture animation with physics, Lottie preloading, and click feedback. Use when adding hand interactions to videos, implementing gesture-based UI demos, or building interactive overlays.
Apply best practices for Remotion video creation in React. Use when writing Remotion compositions, debugging render issues, or following framework conventions.
Capture self-learning feedback for video production. Records what worked/failed after each render, accumulates learnings across sessions, and improves future videos. Use after rendering a video or when reviewing video quality.
Per-frame volume envelope computation with fade and ducking for Remotion videos. Use when mixing multiple audio layers, implementing voiceover ducking, or controlling volume dynamically.
Map screen coordinates to video composition space with zoom/pan compensation. Use when building interactive video editors, placing overlays on phone mockups, or handling click-to-place interactions.
Unified animation gallery with picker slots and star activation. Use when managing animation presets, building picker UIs for media types, or implementing single-source-of-truth asset registries.