Domains
Forms
Mechanism
Breaks down how the skill works and what it produces, so you can quickly judge whether it fits your scenario and value.
When writing or editing Remotion React Markup (TSX animation code), especially for Studio-editable videos.
useCurrentFrame() + interpolate() with inline style propsInteractive wrappers and descriptive name propsstaticFile()Clean, Studio-editable Remotion markup that renders correctly and is easy to tweak.
Use Cases
A developer builds a promo video in Remotion and needs markup that editors can tweak in Studio. By following this skill, they use Interactive.Div with names, inline interpolate styles, and staticFile for assets. Result: non-technical teammates adjust timing/opacity visually without touching code, saving revision cycles.
An agent is asked to add captions and audio viz to a Remotion composition. The skill directs it to use @remotion/media, reference sub-guides (captions, audio-visualization) and avoid forbidden CSS animations. Value: consistent, render-safe markup with modular feature integration and less debugging.
Skill Relationships
Dependency relationships read as "the upper tier points to the lower tier." The current Skill sits in the middle tier — above are Skills that depend on it, below are Skills it depends on.
Tier 1 · These Skills Use Me
Tier 2 · Current Skill
Tier 3 · I Use These Skills
Browse this skill's relationships within its skillset. Click a node to switch the side panel; use the search box to jump to any skill.
Skill File