Loading...
Loading...
Found 239 Skills
Best practices for Remotion - Video creation in React
Translate a Remotion (React-based) video composition into a HyperFrames HTML composition. Use when (1) the user provides Remotion source (`.tsx` files using `useCurrentFrame`, `Sequence`, `AbsoluteFill`, `interpolate`, `spring`, `staticFile`, etc.) and asks to port, convert, or migrate it to HyperFrames; (2) the user pastes a Remotion entry point (`Root.tsx`, `Composition`) and wants HTML; (3) the user links a Remotion repo and asks for the HyperFrames equivalent; (4) the user says "port my Remotion project", "translate this Remotion code", "rewrite as HTML", or "I have a Remotion comp, make it HyperFrames". Skill detects unsupported patterns (useState, useEffect with side effects, async calculateMetadata, third-party React component libraries, `@remotion/lambda` features) and recommends the runtime interop escape hatch instead of attempting a lossy translation.
Best practices for rendering videos
Creating a new Remotion video
Dealing with captions in Remotion
Best practices for writing Remotion React Markup
Best practices for writing Remotion animations that stay intuitive for agents and editable in Remotion Studio Visual Mode.
Building video apps with Remotion - framework, rendering and Player advice
Search and fetch Remotion documentation pages
Upgrade Remotion, its related packages, compatible Mediabunny packages, and installed Remotion Agent Skills. Use when asked to upgrade or update a Remotion project.
Interacting with Mediabunny
Best practices for animating Maps in Remotion