Hyperframes Video Template

Ship a premium template-mode Hyperframes composition with a ready default showcase and deterministic timeline behavior.

Resource map

8-bit-orbit-video-template/
├── SKILL.md
├── assets/
│   └── template.html
├── references/
│   └── checklist.md
└── example.html

The rendered MP4 showcase used by example.html is hosted at https://repo-assets.open-design.ai/resources/videos/skills/8-bit-orbit-video-template/default-showcase.mp4.

Workflow

Copy assets/template.html to index.html.
Keep the 3-scene structure and transition rhythm intact unless the user explicitly asks to change pacing.
Personalize titles, subtitle lines, labels, and palette while preserving the retro pixel aesthetic.
Keep timing constraint: every scene hold should stay within 3 seconds.
Preserve deterministic behavior in generated compositions (no unseeded randomness, no infinite GSAP loops).
Keep all code self-contained in one HTML file with inline CSS/JS.
Validate against references/checklist.md before emitting the artifact.

Output contract

Emit one short sentence before the artifact, then a single HTML artifact:

<artifact identifier="8-bit-orbit-video-template" type="text/html" title="8-Bit Orbit Video Template">
<!doctype html>
<html>...</html>
</artifact>