Can I change the text?

Yes. Every visible line is a named slot. Pass new values with --set key=value and the motion stays the same. Keep each value within the listed length so it fits.

Can it use my website and brand?

Yes. Give your agent your website link and it reads the site first: your product name, real features, logo, screenshots and brand color go into the scene. A reference video works too; the agent follows its message and pacing.

What do I need to render it?

Node.js 22 or newer, FFmpeg and the HyperFrames CLI. Rendering runs locally and calls no paid API.

LaunchMotion · Corner Radius Drag

Previews from the publisher

A handle drags a card corner round while a readout counts to 40 px, the camera pulls back to a photo release card, which then settles into the centre of a 3x3 feature grid as a cursor taps its button. Rewrite every line, drop in your own logo and pictures, pick a blue, black-and-white, orange or brand-color theme, and render a 7.7-second MP4 in 1080p or 4K on your own machine.

What it shows

A handle drags a card corner round while a readout counts to 40 px, the camera pulls back to a photo release card, which then settles into the centre of a 3x3 feature grid as a cursor taps its button. The scene runs 7.7 seconds at 1920×1080 on a black background with a fine grid. Headlines use Smiley Sans, cards are frosted glass, and the accent color follows the look you pick.

Pick a look

Blue (default), black-and-white, orange, or your own brand color.
Backgrounds stay white or clear glass in every look; the color only marks buttons, highlights and icons.

Make your version

Give your agent your website link or product name. With a

What you get

An editable 7.7-second motion scene in 1080p or 4K: Corner Radius Drag.
19 text slots and 7 picture slots for your logo and screenshots, all with working defaults.
Blue, black-and-white, orange or your own brand color from one command, with Smiley Sans headlines and frosted-glass cards.

Good fit

Product launch videos, release notes and feature announcements.
Social clips and landing-page hero loops that need one clear motion beat.
Teams who want premium, consistent scenes in their own brand color.

Not for

Editing long-form footage or full launch films end to end.
Full-screen saturated color backgrounds; this style keeps backgrounds white.
Generating voiceover, music or new AI footage.

How to use

You say/launchmotion-data-corner-radius-drag Make this scene for my product launch with my own headline and logo.

Choose Install Skill above and follow the installation instructions for your agent, or download the ZIP and add it to your agent’s Skills folder.
Open your project in the agent and use the example above, replacing its product name and requirements with your own.
Check the generated output in your own project and ask the agent to adjust it to your requirements.

Requirements and costs

You bring: Your product name or website link; every slot has a working default.
Dependencies: HyperFrames CLI 0.8.30 or compatible — required · Node.js 22 or newer — required · FFmpeg — required
Outside costs: Not collected yet
Tools used: HyperFrames
Publisher testing: v1.0.2 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT