Agent skill · design visual · nexu-io
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.
Why this skill is useful
Provides a specialized HTML video template with specific design patterns and constraints for retro pixel motion design that the AI wouldn't reliably generate on its own.
What it needs
About 1k tokens when loaded. Last updated 2026-08-07. 84,236 stars on the source repository.
What this skill does
Hyperframes Video Template Ship a premium template-mode Hyperframes composition with a ready default showcase and deterministic timeline behavior. Resource map 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 1. Copy assets/template.html to index.html. 2. Keep the 3-scene structure and transition rhythm intact unless the user explicitly asks to change pacing. 3. Personalize titles, subtitle lines, labels, and palette while preserving the retro pixel aesthetic. 4. Keep timing constraint: every scene hold should stay within 3 seconds. 5. Preserve deterministic behavior in generated compositions (no unseeded randomness, no infinite GSAP loops). 6. Keep all code self-contained in one HTML file with inline CSS/JS. 7. Validate against references/checklist.md before emitting the artifact. Output contract Emit one short sentence before the artifact, then a single HTML artifact:
How to use it
Reference it in AdaL, Claude Code, Cursor or any coding agent — nothing to install:
@skills nexu-io/8-bit-orbit-video-template