VideoPremium Verified

Phone Completion Scale Motion Clip

A short, editable phone b-roll clip where a publishing checklist reaches completion and the device grows subtly with the progress. Built for repeatable editorial posts without app-specific branding.

What you get

  • A locally rendered, wide MP4 ready to place in a video edit.
  • Editable HTML/CSS source for the phone, copy, colors, and timing.
  • A restrained completion animation with a readable final hold.

Good fit

  • A lesson or post moving from draft to ready.
  • A recurring progress beat in an educational content series.
  • A quiet visual bridge between talking-head sections.

Not for

  • Showing how a real publishing app works.
  • Displaying a dense dashboard or several simultaneous tasks.

What you provide

  • The task or milestone shown on the phone.
  • Two to four checklist labels.
  • The closing line and preferred video resolution.

Requirements

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

Running cost

No external services or generation models. Renders locally.

Try this prompt

/sl-phone-completion-scale-motion-clip Create a 9-second 16:9 video in a clean Completion Sheet style for the fictional lesson brand LESSON LOG. Open with “Lesson draft” on a phone checklist for Captions, Cover, and Final review; then show “Final checks” with all three approved, a “Publish checklist” counter rising from 0 to 100%, and close with “Ready to publish”.

Follow-up prompts

  • Change the checklist to outline, examples, and final review while keeping the timing.
  • Make the 100% hold half a second longer for a slower voiceover edit.

Verification

Verified

render-checkpass4.0 / 554s

FAQ

Can I change the checklist after delivery?

Yes. The labels, completion value, and timing remain editable in the source composition.

Does this need a video generation service?

No. The composition is built in HTML/CSS and rendered to MP4 locally.

Similar skills