motion-overlays
Installation
SKILL.md
Motion overlays (Remotion kit)
The creator's cut is approved and usually re-edited by them. You add graphics on top; their picture and audio are never touched.
The kit
A Remotion project with one composition (Beat) that renders any component from props, at the timeline's size and fps, transparent. Components read every value from a brand tokens file (brand.json: colours, fonts, sizes at a 1080-high unit, padding, motion timings) so the look changes in one place. Typical set:
| Component | Use for |
|---|---|
| LowerThird | name + role, first appearance |
| KeyPhrase | the sentence that carries a point (*word* = highlighter) |
| ListReveal / Flow | items or steps appearing as they're said |
| Compare / BeforeAfter | two sides, a change |
| CountUp | a number they say |
| Quote / PersonalNote | a strong line, an opinion |
| BigWord | one idea, full frame, 1–2 s |
| CommentPrompt | a question for the comments |
| VlogOpener, PlaceTime, Journey, TimeJump | vlog moments: title, where/when, travel A → B, "3 hours later" |
| TitleCard / EndCard / ChapterTag | structure, only if asked |