Hainrixz/editor-pro-max

Animated Component Libraries provides guidance on using Magic UI and React Bits for pre-built animated React components. Use it when building landing pages, marketing sites, dashboards, or interactive UIs that need ready-made motion effects.

Awwwards Animations creates premium React web animations with GSAP, Motion, Anime.js, and Lenis. Use it for scroll-driven scenes, page transitions, micro-interactions, and other high-performance motion effects.

Explainer Video Guide helps plan, script, voice, and assemble explainer videos from first draft to final cut. Use it for product demos, onboarding videos, walkthroughs, and social explainers.

FFmpeg processes video and audio for format conversion, resizing, compression, extraction, trimming, and other media transforms. Use it when preparing assets for Remotion or handling common media conversion tasks.

Motion Designer creates detailed scene-by-scene video specifications for Remotion, including timing, audio, transitions, and animation notes. Use it when planning motion graphics or when asked to create or spec out a video.

Playwright MCP Browser Automation controls a live browser to navigate pages, inspect the UI, fill forms, and debug web apps. Use it when you need direct interaction with pages through Playwright MCP tools.

Remotion Best Practices covers domain-specific guidance for building videos in React with Remotion. Use it when working on compositions, timing, audio, captions, transitions, or rendering workflows.

Remotion Render renders React/Remotion TSX code into MP4 video through inference.sh. Use it for programmatic video generation, motion graphics, animated React scenes, and other code-driven video exports.