hyperframes-video

Installation
SKILL.md

Hyperframes Video

Use this Note when the video can be expressed as a deterministic HTML scene. Hyperframes is the lighter path for product cards, marketing loops, website captures, and simple composited explainers.

Current Workflow

  1. Generate index.html and hyperframes.json in .memoire/videos/<id>.
  2. Preview with npx hyperframes preview . from the project folder, or pass the folder explicitly from Studio.
  3. Lint with npx hyperframes lint . before rendering when the command is available.
  4. Render with npx hyperframes render . --output dist/<id>.mp4.

Scaffold Rules

Installs
1
First Seen
1 day ago
hyperframes-video — sarveshsea/design-skills