8-bit-orbit-video-template

Original：🇺🇸 English

Translated

Hyperframes-based video template for retro pixel deck motion design. Use when users want a high-fidelity, multi-scene HTML-to-video composition with advanced transitions, interactive preview controls, and ready-to-render default style.

3installs

Sourcenexu-io/open-design

Added on2026-05-11

NPX Install

npx skill4agent add nexu-io/open-design 8-bit-orbit-video-template

SKILL.md Content

View Translation Comparison →

Hyperframes Video Template

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

Resource map

text

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

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:

xml

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