VideoPremium Verified

One Query Multiple Screens Motion Clip

A minimalist editorial b-roll clip that turns one short query into distinct, coordinated fictional result screens. It pairs a visible example with a recall demonstration for social posts, educational explainers, and recurring content series that need editable local source.

What you get

  • A 6-12 second wide MP4 with a query-to-results motion arc
  • Editable HTML/CSS scene composition and timing values
  • Three coordinated result views with a visible example and recall action
  • A saturated teal canvas, dark teal panels, rounded type, and one amber accent
  • Deterministic local rendering with no external media or generation model

Good fit

  • Educational posts that need a visual explanation beat
  • Series content requiring consistent typographic b-roll
  • Editorial social clips where clarity matters more than spectacle

Not for

  • Real software interface walkthroughs or brand-specific product demos
  • Footage-led, portrait-first, or highly energetic campaign edits

What you provide

  • A short query phrase of 2-6 words
  • Two to four fictional result labels or learning angles
  • An optional closing line or series marker

Requirements

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

Running cost

No external services or generation models. Renders locally.

Try this prompt

/sl-one-query-multiple-screens-motion-clip Create a 10-second 16:9 educational video opening with "LEARN BY SEEING | MAP". Show a map linking SEE SHAPE, TRACE SHAPE, and DESCRIBE FORM, then trace a triangle in "EXAMPLE | LEARN BY SEEING", hide and recall its outline in "RECALL | LEARN BY SEEING", and close with "VIEWLINE | THREE VIEWS" and "One idea, three views." Use teal, dark panels, and an amber line.

Follow-up prompts

  • Replace the query with Plan a better lesson and show structure, example, and review as separate result screens.
  • Make the line motion slower while keeping a readable hold on each view and the final three-view summary.
  • Create a quieter version with the same layout but use only two result screens and a shorter closing line.

Verification

Verified

render-checkpass5.0 / 5131s

FAQ

Can the query and screen labels be changed?

Yes. The composition is driven by editable scene data, so the query, labels, supporting lines, timing, and closing line can be replaced while retaining the same motion grammar.

Does it use generated video or external assets?

No. The skill builds an HTML/CSS composition and renders it locally to MP4, which keeps the output deterministic, lightweight, and easy to revise.

What makes it suitable for a recurring series?

The alignment, teal ground, rounded typography, line motif, and amber active state form a consistent visual system. Each topic can use its own visible example without losing that structure.

Similar skills