Is Device-Canvas Product Launch free?

No. Skillry lists it as a paid Skill, also included with membership. Confirm the live tier on the Skillry page. Uwarp does not charge for this listing.

When should I skip this launch film?

Skip it when the product has no interface, when the screen would be a mockup, or when the film needs several features. Agent-Chorus Capability Reel is the option for a tool that runs in more than one place.

Is this the official Device-Canvas Product Launch page?

This page is a Uwarp overview of a Skill published by Skillry. Copy install prompt and Download ZIP are partner links, and Uwarp may earn a commission at no extra cost. The Skill archive, ZIP, and CLI install steps stay on Skillry.

Agent Skill · Video

Device-Canvas Product Launchv1.0.0

Use this Skill to create a social brand video.

Popular
Verified
Membership
CLI install on Skillry

Copy install prompt Download ZIP

Build a launch film that puts your product’s real screen on a device in a dark studio, scrolls it, zooms into the interface for one action, and resolves to the lockup through a color-split reveal. You get a rendered MP4 and the editable project. There is no 3D model and no generation model involved.

Picked most often by

Solo Founder
App Developer
Product Marketing Manager

Updated on Skillry Oct 20, 2026

Runs in

Claude Code
Cursor

Generates with

Host agent LLM

Uses tools

HyperFrames

What you get

A 16 to 20 second 1920×1080 MP4: a real product screen arrives on a device, scrolls under an oversized cursor, performs one action, states a claim, and reveals the lockup.
An editable project where the device is built from CSS perspective, with no 3D model, WebGL, or extra loader to license.
Staging notes for a screen capture that survives a push-in, and for a zoom that changes the subject rather than just moving the camera.

Good fit

A product with a screen worth showing, when the launch has to prove it exists and works.
A real capture from your own site or app.
One action shown properly, rather than a tour of the whole product.

Not for

Products with no interface, or a screen that would have to be a mockup.
Films that need to demonstrate several features. Two actions turn the launch into a tutorial.
Showing a specific manufacturer’s handset, or a third party’s site on the screen.

Product launch
Promo video
Dark studio
CSS device
HyperFrames

About this Skill

You say /bs-hyperframes-device-canvas-launch Launch film for our app. Screen capture attached, the action is asking for a summary.

How it works

1. Capture the screen
Bring a real capture tall enough to scroll, the one action the film performs, what the product answers, a claim, a two-line call to action, the lockup, and two colors.
2. Stage the device
The Skill places that screen on a CSS device in a dark studio, scrolls it, and zooms in for the single action.
3. Reveal the lockup
The film resolves through a color-split reveal. You keep the MP4 and the editable project.

What you need before you start

Summarized from the Skillry page for Device-Canvas Product Launch. Live requirements can change there.

You bring: A real capture of the product screen, tall enough to scroll. The one action inside the interface and what the product answers. The claim, a two-line call to action, the lockup, and two colors: a dark studio ground and one product accent.
Dependencies: HyperFrames CLI, Node.js 22 or newer, and FFmpeg.
Outside costs: This is a paid Skill on Skillry and is included with a Skillry membership. Rendering uses HyperFrames and FFmpeg on your machine. Uwarp does not set the price.
Last tested: v1.0.0 — Claude Code, Claude Desktop, Cowork, Codex, and ChatGPT, as listed on Skillry.

Frequently Asked Questions

Quick answers about this tool—open a question to read more.