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.
Scanned 9/3/2026
Install to Claude Code
Skills Directorynpx -y skills add nexu-io/open-design --skill 8-bit-orbit-video-template --agent claude-codeInstalls into .claude/skills of the current project.
Are you the author of 8 Bit Orbit Video Template?
Add the live security badge to your README — it updates automatically with every re-scan.
[](https://www.skillsdirectory.com/skills/nexu-io-8-bit-orbit-video-template)More formats (shields.io, HTML) on the badges page.
---
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
```text
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
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:
```xml
<artifact identifier="8-bit-orbit-video-template" type="text/html" title="8-Bit Orbit Video Template">
<!doctype html>
<html>...</html>
</artifact>
```
Is this your skill, or is something wrong with this listing? Request removal or report an issue. Author removals are honored within 72 hours.
No comments yet. Be the first to comment!
