Use the HyperFrames Skill by HeyGen to create and edit HTML-based videos with its companion CLI, registry, and media instructions. Install the core set, organize scenes around a concrete brief, inspect real frames and a preview, then render and verify the requested deliverable.
Bring product assets, a video project, or the variants you need and define the delivery format. The request can organize scene changes and preview checks, with frame evidence and exported files reviewed before the video is accepted for delivery.
Include screenshots, duration, sequence, brand assets, and export requirements.
Copy the request into a new Floatboat conversation and provide the required material.
Download FloatboatPreview and copy the request. It is not sent automatically from this page.
Reference: HyperFrames Skill https://github.com/heygen-com/hyperframes/blob/main/skills/hyperframes/SKILL.md Read the original documentation and check the current environment and dependencies. Propose any new installation or tool connection before proceeding. My task: Use the HyperFrames Skill to turn these product screenshots into a 15-second demo. Keep the existing brand assets, show a preview, and explain any optional media-service requirements before using them. Expected deliverable: A preview and exported demo plan, with optional media services identified before they are used.
The HyperFrames Skill guides agents through making and editing HTML video projects, while the HyperFrames CLI performs setup, inspection, preview, and rendering. The normal workflow combines four core instructions: hyperframes for composition, hyperframes-cli for tool operations, hyperframes-registry for reusable visual blocks, and media-use for media tasks. Install this set together so cross-Skill calls and relative references remain available. This guide connects those roles in one production workflow; the software and its rendering dependencies still need separate setup. Start with the subject, assets, timing, and output format, review scene frames and a preview, then verify an exported file when delivery is requested.
Product videos, timeline edits, and repeatable variants rely on different media evidence. Explore how HyperFrames uses supplied assets, frame snapshots, and representative exports to check scene order and revisions before a video is delivered.
A product video can use real screenshots, supplied brand assets, and a defined scene order instead of inventing the interface. Reuse suitable visual blocks and compare the sequence with the target duration in a preview. Confirm the scenes before requesting export so production follows an agreed narrative.
Editing a video project needs the target time range and requested scene changes made explicit. Inspect project information and the timeline, apply a bounded edit, then compare CLI findings with actual frame snapshots. Check the rendered effect rather than treating a successful editing command as proof that the visual change is correct.
Repeatable video variants should use declared composition variables for titles and content. Define the required versions and delivery format, inspect representative combinations, and compare them with the rendered files. Keep the variable choices alongside verified exports so another run can reproduce the intended variation.
Repeated video work can begin with an agreed scene built from supplied brand assets and appropriate reusable visual blocks. Define which text, media, and timing choices may vary before using it as a production starting point. Review a representative frame sequence and preview, keeping the scene's assumptions visible so later variants do not inherit an unchecked layout or missing asset.
HyperFrames work depends on the required Skills and project tools being ready. Follow the creation or editing task through CLI checks, frame snapshots, and previews, then render only when needed and inspect the exported file before delivery.
Install the four core Skills together and prepare the CLI environment. Provide the real subject, source assets, duration, and output format, or identify the existing project.
Inspect an existing project with info and timeline --json. Follow the composition, registry, and media guidance; use npx hyperframes check --json, inspect snapshot frames, and review the preview while correcting issues.
Use npx hyperframes render when the brief requires a file or the user approves export. Confirm the file opens, compare its duration, and inspect frames and audio against the reviewed preview.
Read another Skill guide and check its original source before using it.
