$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.
Icon Distribution Sweep Motion Clip
Create a locally rendered b-roll clip in which recognizable icons travel through a clear green-to-mint gradient sweep. Built for educational and social content about reach or connected ideas, it includes editable HTML/CSS with icon order and timing exposed.
What you get
- A wide MP4 b-roll clip with one clear icon-sweep motion idea.
- Editable HTML/CSS composition with timing and icon order exposed.
- A restrained white, black, and visible gradient visual system for series use.
Good fit
- Social posts that need a polished visual pause between talking points.
- Educational content explaining reach, flow, or connected concepts.
Not for
- Interface demos or feature tours that depend on screen accuracy.
- Quantitative charts requiring precise data labels or interpretation.
What you provide
- A short message or concept for the clip.
- Five to eight icon subjects or editable vector shapes.
Requirements
- Node.js 20+
- FFmpeg
- Chromium (npx playwright install chromium)
Running cost
No external services or generation models. Renders locally.
Try this prompt
/sl-icon-distribution-sweep-motion-clip Create an 8-second 16:9 video for the fictional series Learning Notes: open with “One idea, many learners” and “A study tip travels further,” repeat the BOOK/GLOBE/MESSAGE/CHECK beat, then show READ/SHARE/DISCOVER/APPLY, and close with “Let useful ideas travel.” Use recognizable icons and a green-to-mint gradient sweep.
Follow-up prompts
- Replace the icon sequence with five steps from our lesson while preserving the timing.
- Make the closing line shorter and keep the final icon arrangement visible longer.
Verification
Verified
| render-check | pass | 5.0 / 5 | 46s |
FAQ
Can I change the icon order later?
Yes. The source keeps the sequence and timing editable so you can reorder icons or replace a subject and render again.
Does this skill generate the icons or video with a model?
No. It builds an HTML/CSS composition with editable vector icons and renders 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.