Skip to content
Kitbay
Submit
Skill

remotion-markup

NOASSERTIONUpdated on Nov 11, 202672,390GitHub stars

A skill from Remotion's own skills package with rules for the React markup of Remotion videos: content, animation and effects.

What the skill teaches

A skill from Remotion's own skills package with rules for the React markup of Remotion videos: content, animation and effects. It asks the agent not to overwrite changes the user made outside the conversation, to read the current frame in the smallest component that needs it, and to take the frame rate from the video config so timings stay editable in Remotion Studio. Motion comes from frame-based interpolation with easing, since CSS transitions and Tailwind animation classes do not work. It covers assets in the public folder, Remotion's media and image components, built-in visual effects, installing packages with the Remotion CLI, and checking work in Studio or by rendering single frames, with links to guides on timing, media, text, audio and data.

Capabilities

  • Animate elements by frame with easing
  • Add video, audio and images to a composition
  • Apply built-in visual effects
  • Check work in Remotion Studio or by rendering frames