Agent skill · creative production · nexu-io

create-hyperframes-launch

Use this plugin when the user wants a HyperFrames-ready HTML motion composition, launch animation, kinetic typography clip, product reveal, or social video made from code.

Why this skill is useful

Adds a structured workflow for creating HyperFrames-ready HTML compositions, which includes specific planning and rendering instructions not commonly found in public resources.

What it needs

About 1k tokens when loaded. Last updated 2026-08-07. 84,236 stars on the source repository.

What this skill does

Create HyperFrames Launch Workflow 1. Clarify duration, aspect ratio, product, text beats, and motion style. 2. Plan the composition as scenes with exact timings. 3. Create HyperFrames-ready HTML with named layers, restrained animation, and render notes. 4. Keep composition source organized under a cache or source folder and return the rendered artifact or render instructions. 5. Critique timing, legibility, and whether the composition can render deterministically. Output Contract Produce hyperframes-plan.md and a render-ready composition folder or rendered video.

How to use it

Reference it in AdaL, Claude Code, Cursor or any coding agent — nothing to install:

@skills nexu-io/create-hyperframes-launch

View the source on GitHub

Browse the @skills marketplace