Viral Hooks
Back to creator library

Video component · Product UI

Usage meter

The real usage panel: 5-hour and weekly bars fill to a percent

Claude variation

Muted preview · Select a variation below

Use with Viral Hooks

Turn the pattern into your video

  1. 01

    Start with the hook

    Decide what the viewer should notice in the first two seconds.

  2. 02

    Adapt the sequence

    Use the usage meter pattern to show one clear action or idea at a time.

  3. 03

    Add your brand

    Provide the product name, approved images, colors, and exact on-screen wording.

  4. 04

    Review the finish

    Check phone readability, pacing, safe margins, and one final payoff or call to action.

Starter prompt

Create an original short-form product video using the “Usage meter” motion pattern (Claude). Show the usage meter interaction in the Claude variation: the real usage panel: 5-hour and weekly bars fill to a percent.

Adapt the concept for [product] and [audience]. Use [brand colors], approved product assets, and exact copy supplied by me. Keep the interface and visual identity original; do not download or reproduce files from another website. Frame for [9:16 / 1:1 / 16:9], preserve platform-safe margins, and keep on-screen text readable on a phone.

First return a concise concept and a time-coded storyboard. Then build the animation with clear transitions, restrained motion, and enough hold time to read each beat. Finish with one product benefit or call to action. Review the export for legibility, pacing, and spelling before delivering the MP4. Use only assets I provide or have permission to use.
Connect Viral Hooks MCP Open video editor