VideoPremium Verified

Line And Trend Draw Motion Clip

A restrained editorial b-roll skill for turning a trend, sequence, or measured insight into a warm-paper motion clip with serif typography, drawn lines, and compact block markers. It suits social publishing, education, and explainers that need clarity without dashboard density.

What you get

  • A 16:9 MP4 motion clip with three to six coordinated scenes
  • Editable HTML/CSS composition with local system fonts
  • A drawn-line progression with milestone blocks and one accent color
  • Series-ready timing, labels, and metric variables
  • A quiet closing frame suitable for a social post or lesson

Good fit

  • Explaining a simple rise, shift, or progression
  • Adding editorial b-roll between spoken segments
  • Publishing a compact educational insight

Not for

  • Complex live-data visualization
  • Loud promotional or entertainment motion

What you provide

  • A one-sentence trend or progression
  • Two to four milestone labels or values
  • Preferred accent and publishing duration

Requirements

  • Node.js 20+
  • FFmpeg
  • Chromium (npx playwright install chromium)

Running cost

No external services or generation models. Renders locally.

Try this prompt

/sl-line-and-trend-draw-motion-clip Create an about 10-second 16:9 clip for Quiet progress. Open with “A habit finds its line” and close with “Make the next step visible.” In between, show START, RHYTHM, REACH; weekly reading sessions rising from Start 25 to Rhythm 50 to Reach 100; and a counter from 1 to 4 sessions this week. Use the skill’s etched trendline style.

Follow-up prompts

  • Change the trend to a three-stage lesson plan while keeping the same line timing and serif system.
  • Make the final metric 72% and shorten the closing hold for a fast social edit.

Verification

Verified

render-checkpass4.0 / 537s

FAQ

Can I change the labels after rendering?

Yes. Milestones, headings, metrics, colors, and scene timing remain organized as editable HTML/CSS values before the local MP4 render.

Does it require an image or generation model?

No. The composition is built from HTML and CSS and rendered locally, so it works offline with system font stacks and deterministic motion.

How many milestones should I provide?

Two to four is the useful range. Fewer can feel abrupt, while more usually reduces legibility in a short social clip.

Similar skills