VideoPremium Verified

Browser Chapter Reveal Motion Clip

A polished wide b-roll animation for revealing a chapter, lesson, or editorial section with framed typography, quiet pacing, and a single controlled accent.

What you get

  • Editable HTML/CSS motion composition
  • Wide MP4 render for social publishing
  • Four-scene chapter reveal timing
  • Series-ready frame and typography system
  • Replaceable title, index, and metadata fields

Good fit

  • Educational chapter openings and lesson transitions
  • Editorial social posts with a consistent visual system
  • Media publishing sequences that need restrained b-roll

Not for

  • High-energy launch animations
  • Detailed product demonstrations
  • Narrative videos needing characters or illustration

What you provide

  • Chapter title and optional number
  • Supporting line or lesson promise
  • Target duration and publishing format
  • Approved accent color if different from the default

Requirements

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

Running cost

No external services or generation models. Renders locally.

Try this prompt

/sl-browser-chapter-reveal-motion-clip Create a 9-second 16:9 chapter reveal for the fictional lesson “READING THE SIGNAL,” opening with “READING THE SIGNAL” and chapter 04. Move through “NOTICE,” “COMPARE,” and “CONNECT,” then show “Small changes become visible patterns.” with supporting lines about attention, sequence, and useful context. Close with “READING THE SIGNAL.” Keep the motion quiet and editorial.

Follow-up prompts

  • Replace the chapter title with "The Hidden Interval" and make the supporting line shorter while keeping the same timing.
  • Create a three-clip series variant for chapters 02, 03, and 04 with identical frame geometry and different titles.
  • Reduce the end lockup to two seconds and leave more negative space around the chapter number.

Verification

Verified

render-checkpass4.0 / 536s

FAQ

Can the chapter title be changed later?

Yes. The title, index, supporting line, and metadata are separate editable content fields in the HTML/CSS composition.

How many scenes are included?

The default treatment uses four scenes across roughly nine seconds: title reveal, supporting words, chapter card, and end lockup.

Can this match an existing series?

Yes. Preserve the frame inset and left rail while replacing the accent and copy with the approved series values.

Similar skills

Browser Chapter Reveal Motion Clip · SkillLoom