{"id":"7ba3c4b1-2867-4cfd-946f-9bb2cca49cd1","shortId":"pdZ5ts","kind":"skill","title":"8-bit-orbit-video-template","tagline":"Hyperframes-based video template for retro pixel deck motion design.\nUse when users want a high-fidelity, multi-scene HTML-to-video composition\nwith advanced transitions, interactive preview controls, and ready-to-render\ndefault style.","description":"# Hyperframes Video Template\n\nShip a premium template-mode Hyperframes composition with a ready default showcase and deterministic timeline behavior.\n\n## Resource map\n\n```text\n8-bit-orbit-video-template/\n├── SKILL.md\n├── assets/\n│ ├── template.html\n│ └── default-showcase.mp4\n├── references/\n│ └── checklist.md\n└── example.html\n```\n\n## Workflow\n\n1. Copy `assets/template.html` to `index.html`.\n2. Keep the 3-scene structure and transition rhythm intact unless the user explicitly asks to change pacing.\n3. Personalize titles, subtitle lines, labels, and palette while preserving the retro pixel aesthetic.\n4. Keep timing constraint: every scene hold should stay within 3 seconds.\n5. Preserve deterministic behavior in generated compositions (no unseeded randomness, no infinite GSAP loops).\n6. Keep all code self-contained in one HTML file with inline CSS/JS.\n7. Validate against `references/checklist.md` before emitting the artifact.\n\n## Output contract\n\nEmit one short sentence before the artifact, then a single HTML artifact:\n\n```xml\n\n\n...\n\n```","tags":["bit","orbit","video","template","open","design","nexu-io","agent-skills","ai-agents","ai-design","byok","claude"],"capabilities":["skill","source-nexu-io","skill-8-bit-orbit-video-template","topic-agent-skills","topic-ai-agents","topic-ai-design","topic-byok","topic-claude","topic-claude-code-for-design","topic-claude-design","topic-coding-agents","topic-design-systems","topic-design-tools","topic-desktop-app","topic-figma-alternative"],"categories":["open-design"],"synonyms":[],"warnings":[],"endpointUrl":"https://skills.sh/nexu-io/open-design/8-bit-orbit-video-template","protocol":"skill","transport":"skills-sh","auth":{"type":"none","details":{"cli":"npx skills add nexu-io/open-design","source_repo":"https://github.com/nexu-io/open-design","install_from":"skills.sh"}},"qualityScore":"0.700","qualityRationale":"deterministic score 0.70 from registry signals: · indexed on github topic:agent-skills · 44905 github stars · SKILL.md body (1,196 chars)","verified":false,"liveness":"unknown","lastLivenessCheck":null,"agentReviews":{"count":0,"score_avg":null,"cost_usd_avg":null,"success_rate":null,"latency_p50_ms":null,"narrative_summary":null,"summary_updated_at":null},"enrichmentModel":"deterministic:skill-github:v1","enrichmentVersion":1,"enrichedAt":"2026-05-18T18:50:09.112Z","embedding":null,"createdAt":"2026-05-09T12:51:46.242Z","updatedAt":"2026-05-18T18:50:09.112Z","lastSeenAt":"2026-05-18T18:50:09.112Z","tsv":"'1':87 '2':92 '3':95,110,134 '4':124 '5':136 '6':150 '7':164 '8':1,70 'advanc':35 'aesthet':123 'artifact':171,180,185 'ask':106 'asset':77 'assets/template.html':89 'base':9 'behavior':66,139 'bit':3,72 'bit-orbit-video-templ':2,71 'chang':108 'checklist.md':84 'code':153 'composit':33,57,142 'constraint':127 'contain':156 'contract':173 'control':39 'copi':88 'css/js':163 'deck':15 'default':45,61,80 'default-showcas':79 'design':17 'determinist':64,138 'emit':169,174 'everi':128 'example.html':85 'explicit':105 'fidel':25 'file':160 'generat':141 'gsap':148 'high':24 'high-fidel':23 'hold':130 'html':30,159,184 'html-to-video':29 'hyperfram':8,47,56 'hyperframes-bas':7 'index.html':91 'infinit':147 'inlin':162 'intact':101 'interact':37 'keep':93,125,151 'label':115 'line':114 'loop':149 'map':68 'mode':55 'motion':16 'mp4':82 'multi':27 'multi-scen':26 'one':158,175 'orbit':4,73 'output':172 'pace':109 'palett':117 'person':111 'pixel':14,122 'premium':52 'preserv':119,137 'preview':38 'random':145 'readi':42,60 'ready-to-rend':41 'refer':83 'references/checklist.md':167 'render':44 'resourc':67 'retro':13,121 'rhythm':100 'scene':28,96,129 'second':135 'self':155 'self-contain':154 'sentenc':177 'ship':50 'short':176 'showcas':62,81 'singl':183 'skill' 'skill-8-bit-orbit-video-template' 'skill.md':76 'source-nexu-io' 'stay':132 'structur':97 'style':46 'subtitl':113 'templat':6,11,49,54,75 'template-mod':53 'template.html':78 'text':69 'time':126 'timelin':65 'titl':112 'topic-agent-skills' 'topic-ai-agents' 'topic-ai-design' 'topic-byok' 'topic-claude' 'topic-claude-code-for-design' 'topic-claude-design' 'topic-coding-agents' 'topic-design-systems' 'topic-design-tools' 'topic-desktop-app' 'topic-figma-alternative' 'transit':36,99 'unless':102 'unseed':144 'use':18 'user':20,104 'valid':165 'video':5,10,32,48,74 'want':21 'within':133 'workflow':86 'xml':186","prices":[{"id":"07a16964-9a4b-46a8-8cfe-8d174d6ec1e9","listingId":"7ba3c4b1-2867-4cfd-946f-9bb2cca49cd1","amountUsd":"0","unit":"free","nativeCurrency":null,"nativeAmount":null,"chain":null,"payTo":null,"paymentMethod":"skill-free","isPrimary":true,"details":{"org":"nexu-io","category":"open-design","install_from":"skills.sh"},"createdAt":"2026-05-09T12:51:46.242Z"}],"sources":[{"listingId":"7ba3c4b1-2867-4cfd-946f-9bb2cca49cd1","source":"github","sourceId":"nexu-io/open-design/8-bit-orbit-video-template","sourceUrl":"https://github.com/nexu-io/open-design/tree/main/skills/8-bit-orbit-video-template","isPrimary":false,"firstSeenAt":"2026-05-09T12:51:46.242Z","lastSeenAt":"2026-05-18T18:50:09.112Z"}],"details":{"listingId":"7ba3c4b1-2867-4cfd-946f-9bb2cca49cd1","quickStartSnippet":null,"exampleRequest":null,"exampleResponse":null,"schema":null,"openapiUrl":null,"agentsTxtUrl":null,"citations":[],"useCases":[],"bestFor":[],"notFor":[],"kindDetails":{"org":"nexu-io","slug":"8-bit-orbit-video-template","github":{"repo":"nexu-io/open-design","stars":44905,"topics":["agent-skills","ai-agents","ai-design","byok","claude","claude-code-for-design","claude-design","coding-agents","design-systems","design-tools","desktop-app","figma-alternative","generative-ai","hermes-agent","local-first","nextjs","no-code","prototyping","ui-generator","vibe-coding"],"license":"apache-2.0","html_url":"https://github.com/nexu-io/open-design","pushed_at":"2026-05-18T18:43:11Z","description":"🎨 Local-first, open-source alternative to Anthropic's Claude Design. ⚡ 19 Skills · ✨ 71 brand-grade Design Systems 🖼 Generate web · desktop · mobile prototypes · slides · images · videos · HyperFrames 📦 Sandboxed preview · HTML/PDF/PPTX/MP4 export 🤖 Runs on Claude Code / Codex / Cursor / Gemini / OpenCode / Qwen / Copilot / Hermes / Kimi CLI.","skill_md_sha":"7d5ae6fe0dcb4b20aae89023f0ab03522524ab9f","skill_md_path":"skills/8-bit-orbit-video-template/SKILL.md","default_branch":"main","skill_tree_url":"https://github.com/nexu-io/open-design/tree/main/skills/8-bit-orbit-video-template"},"layout":"multi","source":"github","category":"open-design","frontmatter":{"name":"8-bit-orbit-video-template","description":"Hyperframes-based video template for retro pixel deck motion design.\nUse when users want a high-fidelity, multi-scene HTML-to-video composition\nwith advanced transitions, interactive preview controls, and ready-to-render\ndefault style."},"skills_sh_url":"https://skills.sh/nexu-io/open-design/8-bit-orbit-video-template"},"updatedAt":"2026-05-18T18:50:09.112Z"}}