skillZs
LIVE SKILL TAGS
>>> LIVE SKILLS INDEX <<<
* OPEN SOURCE *
NO LOGIN, NO TRACKING
REAL INSTALL DATA
← back to all skills
nexu-io/open-design1.6k installs

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.

How do I install this agent skill?

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

Is this agent skill safe to install?

  • Gen Agent Trust Hubpass

    The skill provides a retro-style video template using HTML and the GSAP animation library. It safely loads assets from well-known services and follows standard practices for template generation.

  • Socketpass

    No alerts

  • Snykwarn

    Risk: MEDIUM · 1 issue

What does this agent skill do?

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>

Add the canonical catalog link to the repository README so users can inspect current installs and available audits. The publishing guide covers the complete discovery path.

<a href="https://skillzs.dev/skills/nexu-io/open-design/8-bit-orbit-video-template">View 8-bit-orbit-video-template on skillZs</a>