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
readonly
namecreate-hyperframes-launch
descriptionUse 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

  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.