$4.99Inputs Converge To One Motion Clip
Turn three content sources into one clear editorial outcome in a short, editable b-roll animation. Designed for publishing recaps, educational explainers, and series transitions.
Ratio Between Two Sides Motion Clip
A compact educational b-roll animation comparing two sides with clear proportions, editorial type, and controlled motion.
What you get
- A locally rendered, wide-canvas MP4 clip.
- Editable HTML/CSS composition and scene content.
- A concise visual explanation with readable labels and a clear ratio reveal.
Good fit
- Short educational posts explaining a two-part comparison.
- Series that need a consistent, reusable visual language.
Not for
- Long-form instruction requiring narration or several worked examples.
- Comparisons without reliable values or a clearly stated relationship.
What you provide
- Names and values for both sides, including units if relevant.
- The intended takeaway and whether the ratio is exact, simplified, or approximate.
Requirements
- Node.js 20+
- FFmpeg
- Chromium (npx playwright install chromium)
Running cost
No external services or generation models. Renders locally.
Try this prompt
/sl-ratio-between-two-sides-motion-clip Create an 8-second 16:9 clip comparing North and South garden beds. Open with “Two sides, one ratio”; show North bed: 4 units and South bed: 6 units as 4 : 6, then the beats “Same grid,” “Clear lengths,” and “One relationship.” Close with “Simplify the comparison,” dividing both sides by 2 and keeping North first to show 2 : 3. Keep it clean and readable for an educational post.
Follow-up prompts
- Make the final 2:3 ratio hold longer and reduce the opening label size.
- Adapt this comparison to a vertical-safe layout while keeping the wide canvas.
Verification
Verified
| render-check | pass | 5.0 / 5 | 103s |
FAQ
Can I change the values after rendering?
Yes. The values and labels remain editable in the composition; update them and render the MP4 again.
Does this generate footage or images?
No. It creates a motion-graphics composition from HTML and CSS and renders it locally.
Similar skills
$4.99
$4.99Keyword Cloud To Conclusion Motion Clip
A focused editorial b-roll animation that gathers a small set of keywords into a clear, high-contrast conclusion. It uses a sparse grid, humanist typography, restrained motion, and one accent color for educational posts, social explainers, and recurring content series.
$4.99Paired Result Swap Motion Clip
A wide editorial b-roll clip that makes a two-result comparison easy to scan, then swaps emphasis to reveal the stronger outcome with precise, reusable motion.
$4.99Chat Response Presenter Motion Clip
Turn one audience question into a crisp, typographic response clip for educational posts and short-form publishing. The editable composition reveals an answer line by line on a minimal white canvas.
$4.99Response Line Spotlight Motion Clip
A focused wide b-roll animation for turning one response or teaching point into a polished editorial moment. It uses restrained type movement, a single accent, and a reusable end frame so social creators can publish consistent series content quickly.
$4.99Echo Burst Statement Motion Clip
A restrained editorial motion clip for turning one clear idea into a memorable publishing beat. Dark space, heavy grotesk type, and a single amber glow create a premium, series-consistent b-roll moment.
$4.99Column Annotations Motion Clip
Make a concise educational b-roll clip in a minimalist editorial style, using aligned columns, fine rules, and precise annotations. The locally rendered MP4 and editable HTML/CSS keep the motion polished and easy to adapt for a publishing series.
$4.99Anchored Callout Reveal Motion Clip
A short editorial b-roll clip that reveals a focused annotation from a fixed typographic anchor. Built for creators who need a repeatable visual cue for teaching points, with editable source files and a locally rendered MP4.