8 bit orbit video template

Skill nexu-io/open-design/skills/8-bit-orbit-video-template

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.From its SKILL.md

Install

npx -y skills add nexu-io/open-design --skill 8-bit-orbit-video-template

Assembled from the repository path, not quoted from the project. Check it against their README if it does not work.

SKILL.md

2.3 KB, 308 tokens by cl100k_base, as published. Nobody here has run it

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>

What ships with it: 3 files

18.1 KB alongside SKILL.md

assets/

template.html15.6 KB

references/

checklist.md941 B

example.html1.6 KB