mcpField
8
8-bit-orbit-video-template

8-bit-orbit-video-template

github.com/nexu-ioCreative & media104.6k2.9k installsUpdated today
Repository

About 8-bit-orbit-video-template

8-bit-orbit-video-template is a Hyperframes skill for creating retro pixel-style video compositions from a self-contained HTML template. It defines a three-scene structure, timing constraints, and validation steps.

Key features

  1. 01Three-scene video structure
  2. 02Retro pixel aesthetic
  3. 03Self-contained HTML output
  4. 04Deterministic timeline behavior
  5. 05Template validation checklist

Use cases

  1. 01Create a retro pixel video
  2. 02Personalize titles and color palette
  3. 03Produce a paced three-scene composition

Install

Copy the command and run it in a terminal.

$npx skills add https://github.com/nexu-io/open-design --skill 8-bit-orbit-video-template

After installing, type/8-bit-orbit-video-templatein Claude Code to confirm it loaded.

Bundled files

References and scripts installed along with SKILL.md.

example.html
assets/
template.html
references/
checklist.md

Details

From the project README

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:

<artifact identifier="8-bit-orbit-video-template" type="text/html" title="8-Bit Orbit Video Template">
<!doctype html>
<html>...</html>
</artifact>

Comments

Markdown supported