nexu-io avatar

8 Bit Orbit Video Template

This is a Hyperframes template for retro pixel-style motion graphics that ships with a working 3-scene demo and strict timing constraints. You get a self-contained HTML file with inline styles and deterministic animations, no random behavior or infinite loops. It's built for template mode, meaning you customize titles and colors but keep the core structure and transition rhythm intact unless explicitly changing it. Each scene holds under 3 seconds. Useful when you want a polished video composition without building the timeline logic from scratch. The default showcase renders to MP4 and lives at a hosted URL, so you can preview before personalizing.

skills.sh installs
3K
GitHub stars
106.9K
last updated
Aug 21, 2026

Install

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

Installs into .claude/skills of the current project.

Files

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

  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:

Sponsors

Details

Repository
github.com/nexu-io/open-design
Categories
Frontend Development, Code Review & Quality, Design & UI/UX
First seen
Jun 3, 2026

More from nexu-io/open-design

All 217
1microsoft avatarupdate-screenshotsmicrosoft/vscodeDownload screenshot baselines from the latest CI run and commit them. Use when asked to update, accept, or refresh component screenshot baselines from CI, or af3Kskills.sh installs
2deckardger avatartanstack-integration-best-practicesdeckardger/tanstack-agent-skillsBest practices for integrating TanStack Query with TanStack Router and TanStack Start. Patterns for full-stack data flow, SSR, and caching coordination.3Kskills.sh installs
3nexu-io avatarmarketing-psychologynexu-io/open-designApply psychological principles and behavioral science to copy and design. Useful for tightening hooks, framing, and pricing presentation.3Kskills.sh installs
4nexu-io avatartheme-factorynexu-io/open-designApply professional font and color themes to artifacts including slides, docs, reports, and HTML landing pages. Ships 10 pre-set themes.3Kskills.sh installs
5nexu-io avatarfigma-implement-designnexu-io/open-designTranslate Figma designs into production-ready code with 1:1 visual fidelity. Useful for handing off Figma frames straight to a frontend agent.2.9Kskills.sh installs
6wshobson avatarpptx-reference-deck-analysiswshobson/agentsUse when analyzing a reference PPTX for read-only structure, theme, typography, layout rhythm, diagnostics, derived template catalogs, or safe OOXML package ins2.9Kskills.sh installs