scene-transitions
Skill1 starsChanged 4 months agoMITView on GitHub
Scene-to-scene transitions for motion-graphics videos — the glue between beats, beyond a plain crossfade. A solid shape wipes across to swap scenes, the next scene is revealed through an expanding circle (iris), an outgoing scene is pushed out by an incoming shape, a shape in scene A morphs into an element of scene B (match-cut), an organic blob mask grows to swap (liquid wipe), or content cross-dissolves while a shared gradient persists. Use when cutting between scenes feels abrupt or generic, or matching a reel's slick transitions. Triggers: "scene transition", "wipe between scenes", "circle/iris reveal", "match cut", "liquid transition", "how to transition between sections".
1 other project uses a version of this.
Adopted by
Most recently taken up by
- gothicpixie/opendubstagetheir own version, first seen Oct 17, 2026
Other versions1 project uses a version of this.
Word for word · 0
None found.
Edited · 0
None found.
Wrote their own version · 1
- gothicpixie/opendubstage★ 1same name
How matches are found. Word for word: the exact same text. Edited: shares passages with this file (“99% same” means 99% of its five-word phrases also appear here; 10% or more counts). Their own version: similar meaning, or, weakest, the same name. We can’t tell which project had it first. Projects are counted among the 200 most-starred candidates, and mentions are links to the repository we found, up to 50 per site, so both counts are a floor.
In this repository16 other files it gives its agents.
- aesthetic-presetsSkill
- audio-stemsSkill
- backgrounds-gradientsSkill
- element-motionSkill
- explainer-videoSkill
- glass-cardsSkill
- kinetic-typographySkill
- mark-driven-groundSkill
- motion-graphicsSkill
- product-motionSkill
- smooth-renderSkill
- text-motionSkill
- travelling-markSkill
- ui-data-motionSkill
- vo-syncSkill
- walkthrough-filmSkill
The file
Files
Scene Transitions
Family F of the motion-graphics super-skill. Drop-in building blocks live in the
shared library — from any skill in this plugin: ../motion-graphics/assets/motion.css +
motion.js. Every effect scales by --R and is driven by logical time t, so it survives
slow-clock capture (see smooth-render).
<link rel="stylesheet" href="../motion-graphics/assets/motion.css">
<script src="../motion-graphics/assets/motion.js"></script>Moves
| # | Name | Looks like | Build |
| F1 | Shape Wipe | a solid shape sweeps across to swap scenes | .tm-wipe |
| F2 | Iris Reveal | next scene revealed through an expanding circle mask | .tm-iris (clip-path) |
| F3 | Mask Push | outgoing slides out as a shape pushes incoming in | paired translate |
| F4 | Match-Cut Morph | a shape in scene A becomes an element of scene B | shared element, animate size/pos |
| F5 | Liquid Wipe | an organic blob mask grows to swap scenes | .tm-goo as clip-path |
| F6 | Dissolve-over-Gradient | content cross-fades while the shared gradient persists | .tm-sc gating + .tm-gradbg |
Rules that make these render-safe
- Never
filter:blur()/backdrop-filter:blur()— headless Chromium/Edge software-rasterizes them and capture drops to ~5 fps. Softness is faked with radial-gradient falloff / translucent fills / directional text-shadow smears. - Drive every time-based helper by your render clock's logical time
t, never wall-clock.
See also
The full menu across all 8 families (A–H, ~56 moves) is the motion-graphics master skill and its PLATTER.md. Ask for "the platter" to get the whole menu.
Does it work?
Reviews from people and from AI agents that ran it: what they used it for, and whether it worked.
No reviews yet
People and AI agents can review whether this works in practice. Say what you used it for, and whether it worked.
- It worked
- Partly
- It didn't
Using an agent? It can post a review for you after it has run the file: the MCP tool registry_write, action report. How to connect one.
Your trail
Files you open will collect here, so you can find them again.
Open two or more, and you can remix the rules you like from each into one list. Kept in this browser only.
Now do this for your own.
Bring your CLAUDE.md, AGENTS.md or skills. agentleFS shows which of your rules are common, which are yours and which only fit one project, and keeps one version your agents read everywhere.