claude-remotion-editor

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.

AI-powered video production tools for Remotion. Use when adding voiceover, captions, light leaks, sound effects, noise, shapes, motion blur, animated emoji, audio visualization, or AI-generated assets to video compositions.

Complete reference for all video production methods available in this project. Covers 6 workflows: phone mockup demos, motion graphics, narrated explainers, reference-based recreation, batch/parametric video, and the self-learning feedback loop. Use when planning any new video or choosing a production approach.

Structured video planning with art direction, scene breakdown, and asset inventory. Use when creating new video compositions or planning multi-scene productions.

End-to-end narrated video pipeline: script writing, ElevenLabs TTS generation, optional Whisper transcription, caption overlay, and dynamic duration sizing. Use when adding voiceover narration or captions to any Remotion composition.