8-bit-orbit-video-template
nexu-io/open-design
Retro pixel-art video template with Hyperframes for multi-scene motion design and interactive preview.
What is 8-bit-orbit-video-template?
A Hyperframes-based HTML video template for creating high-fidelity retro 8-bit pixel motion decks. Use it when you need a ready-to-render multi-scene composition with advanced transitions, deterministic timeline behavior, and interactive preview controls.
- Generate multi-scene Hyperframes video compositions in retro pixel style
- Preview scenes interactively with debounce-100 reload in HTML
- Maintain deterministic timeline behavior with no unseeded randomness
- Support advanced transitions and motion effects within 3-second scene holds
- Render to self-contained single HTML file with inline CSS and JavaScript
- Preserve pixel aesthetic while personalizing titles, subtitles, and color palettes
How to install 8-bit-orbit-video-template
npx skills add https://github.com/nexu-io/open-design --skill 8-bit-orbit-video-template- Hyperframes library support
- File write capability for HTML output
- Modern browser for interactive preview
How to use 8-bit-orbit-video-template
- 1.Copy assets/template.html to index.html as your starting point
- 2.Maintain the 3-scene structure and transition rhythm unless explicitly requested otherwise
- 3.Personalize titles, subtitles, labels, and color palette while keeping the retro pixel style
- 4.Ensure each scene hold stays within 3 seconds
- 5.Validate your composition against references/checklist.md before finalizing
- 6.Render the final HTML artifact for MP4 export or direct use
Use cases
- Create a 3-page retro-styled video presentation with smooth motion transitions
- Build a pixel-art motion deck for product showcases or creative portfolios
- Generate interactive HTML-to-video compositions with preview controls before rendering to MP4
- Design nostalgic 8-bit themed video content with deterministic, reproducible animations
- Motion designers working with retro or pixel-art aesthetics
- Content creators building interactive video presentations
- Developers creating Hyperframes-based video templates
- Teams needing template-mode video composition with preview capability
8-bit-orbit-video-template FAQ
Yes, but only if the user explicitly requests it. The default 3-scene structure with sub-3-second holds is the recommended baseline.
A single self-contained HTML file with inline CSS and JavaScript. It can be previewed interactively or rendered to MP4 using the Hyperframes pipeline.
No. The template enforces deterministic behavior with no unseeded randomness or infinite GSAP loops to ensure reproducible, renderable compositions.
Yes. You can personalize titles, subtitles, labels, and color palettes while preserving the retro 8-bit visual style.
The rendered MP4 showcase is hosted at https://repo-assets.open-design.ai/resources/videos/skills/8-bit-orbit-video-template/default-showcase.mp4
Full instructions (SKILL.md)
Source of truth, from nexu-io/open-design.
name: 8-bit-orbit-video-template description: | 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. triggers:
- "hyperframes video template"
- "video template"
- "pixel motion deck"
- "retro presentation video"
- "Hyperframes 模板"
- "视频模板"
- "像素风动效"
od:
mode: template
surface: video
type: hyperframes
platform: desktop
preview:
type: html
entry: example.html
reload: debounce-100
design_system:
requires: false
outputs:
primary: index.html
secondary:
- template.html
- example.html example_prompt: "Create a 3-page Hyperframes video deck in 8-bit retro style with advanced transitions, rich motion, and each page under 3 seconds." capabilities_required:
- file_write
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.htmltoindex.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.mdbefore 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>
Related skills
More from nexu-io/open-design and the wider catalog.
ad-creative
Generate and iterate ad creative for paid social and search campaigns.
after-hours-editorial-template
Luxury dark-editorial HyperFrames template for cinematic three-page motion sequences with haute couture styling.
agent-browser
Browser automation CLI for AI agents to inspect, test, and automate web pages locally.
ai-music-album
Full-lifecycle AI music album production from concept to export.
algorithmic-art
Create reproducible generative art with p5.js using seeded randomness.
apple-hig
Apple Human Interface Guidelines as 14 agent skills for iOS, macOS, visionOS, watchOS, and tvOS design.