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.
$ git log --oneline --stat
stars:42.2Kforks:4.8Kupdated:May 16, 2026 at 14:32
SKILL.md
| name | create-hyperframes-launch |
|---|---|
| description | 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. |
name: create-hyperframes-launch description: 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. license: MIT metadata: author: open-design-spec version: "0.1.0" od: mode: hyperframes scenario: video
Create HyperFrames Launch
Workflow
- Clarify duration, aspect ratio, product, text beats, and motion style.
- Plan the composition as scenes with exact timings.
- Create HyperFrames-ready HTML with named layers, restrained animation, and render notes.
- Keep composition source organized under a cache or source folder and return the rendered artifact or render instructions.
- 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.