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 · Pen Tool Logo

Previews from the publisher

On a design canvas a pen tool places four anchors, bends the diamond into a lens with live handles, rotates copies into a rosette and zooms out to a selected logo lockup. Rewrite every line, pick a blue, black-and-white, orange or brand-color theme, and render a 8.2-second MP4 in 1080p or 4K on your own machine.

What it shows

On a design canvas a pen tool places four anchors, bends the diamond into a lens with live handles, rotates copies into a rosette and zooms out to a selected logo lockup. The scene runs 8.2 seconds at 1920×1080 on a white background. 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 link, it reads your site first and collects your real copy, logo, screenshots and brand color.
Choose a look, or let the agent use your brand color.

What you get

An editable 8.2-second motion scene in 1080p or 4K: Pen Tool Logo.
8 text slots with working defaults, so you only change the words that matter.
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-canvas-builds-trapezoid 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