8-bit-orbit-video-template
🤖 AI Summary
This skill generates a retro 8-bit style video by copying a template HTML file and personalizing its titles, labels, and color palette, while strictly preserving the predefined 3-scene structure, transition rhythm, and per-scene hold timing.
How to Install
Claude Code:
git clone --depth 1 https://github.com/nexu-io/open-design.git && cp open-design/skills/8-bit-orbit-video-template ~/.claude/skills/8-bit-orbit-video-template -r# 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
...
```
Details
| Category | AI/ML → ml |
| Source | nexu-io/open-design |
| SKILL.md | View on GitHub → |
| Repo Stars | ★ 70.0K |
| Est. per Skill | 503 (shared across 139 skills from this repo) |
| Difficulty | Intermediate |
| Risk Level | N/A |
Related Skills
ai-product
AI Product Development Every product will be AI-powered. The question is whether you'll build it rig
commit
Sentry Commit Messages Follow these conventions when creating commits for Sentry projects. When to U
git-advanced-workflows
Git Advanced Workflows Master advanced Git techniques to maintain clean history, collaborate effecti
workflow-automation
Workflow Automation Workflow automation is the infrastructure that makes AI agents reliable. Without
Works Well With
Skills from the same repository — often designed to work together
ad-creative
ad-creative > Curated from Corey Haines. What it does Generate and iterate ad creative including hea
after-hours-editorial-template
After Hours Editorial Template Produce a self-contained HTML editorial motion artifact in a dark lux
agent-browser
Agent Browser Use agent-browser for local Open Design preview validation: inspect rendered state, cl