{"id":"ec03e793-1d84-49c5-a386-97b10f59cc22","shortId":"NSkaGG","kind":"skill","title":"html-ppt-zhangzara-8-bit-orbit","tagline":"8-Bit Orbit — Pixel-art neon arcade aesthetic on a deep navy void. Anything that should feel like a CRT screen at 2am: cyberpunk, gaming, web3, indie dev tools, hackathon demos.","description":"# 8-Bit Orbit\n\n> Pixel-art neon arcade aesthetic on a deep navy void.\n\nA single self-contained HTML deck — typography, palette, decorative system,\nand slide vocabulary are all tuned together. Mixing layouts across templates\nbreaks the system; stay inside this one.\n\n## At a glance\n\n- **Scheme:** dark\n- **Formality:** low\n- **Density:** medium\n- **Slides in demo:** 10\n\n## Best for\n\nAnything that should feel like a CRT screen at 2am: cyberpunk, gaming, web3, indie dev tools, hackathon demos. Just as good for a tech talk that wants to lean into nostalgic-digital craft, a synthwave brand deck, or a creative review that wants to feel like a console.\n\n## Avoid for\n\nContexts where the dark neon palette would actively work against the message — quiet institutional finance disclosures, healthcare patient-facing materials, traditional luxury.\n\n## Workflow\n\n1. **Clone `example.html`** into the user's workspace as the working file.\n2. **Replace placeholder content** with the user's real headlines, body copy,\n numbers, names, dates, and section labels. Match existing dimensions when\n swapping image placeholders.\n3. **Preserve the design system.** Never substitute fonts, recolor the palette,\n restructure the layout grid, or strip decorative elements (corner brackets,\n paper grain, geometric shapes, illustrated SVGs). They are part of the\n identity.\n4. **Adjust deck length by duplicating layouts.** If the user has more content\n than the demo holds, duplicate an existing slide of the most appropriate\n layout. If less, drop slides from the bottom. Update page-number labels.\n5. **Designing missing layouts:** if a slide needs a layout the template\n doesn't have, design it from scratch using the same fonts, palette,\n decorative vocabulary, spacing rhythm, and component grammar — never bail\n to a different template.\n6. **Keep the navigation runtime as shipped.** If the deck ships an\n `assets/deck-stage.js` or inline keyboard handler, leave it intact.\n\n## Output contract\n\nEmit between `` tags:\n\n```\n\n\n...\n\n```\n\n## Source & license\n\nVendored from upstream MIT-licensed\n[`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/8-bit-orbit).\n\nThe full upstream MIT license text — including the original copyright notice — ships in this skill at\n[`LICENSE`](./LICENSE) and must be redistributed alongside any copy of `example.html`,\n`template.json`, or any vendored `assets/` runtime. See `template.json` for the upstream metadata snapshot.","tags":["html","ppt","zhangzara","bit","orbit","open","design","nexu-io","agent-skills","ai-agents","ai-design","byok"],"capabilities":["skill","source-nexu-io","skill-html-ppt-zhangzara-8-bit-orbit","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/html-ppt-zhangzara-8-bit-orbit","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 · 36607 github stars · SKILL.md body (2,662 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-11T06:52:21.892Z","embedding":null,"createdAt":"2026-05-08T06:51:48.565Z","updatedAt":"2026-05-11T06:52:21.892Z","lastSeenAt":"2026-05-11T06:52:21.892Z","tsv":"'/license':373 '/zarazhangrui/beautiful-html-templates/tree/main/templates/8-bit-orbit).':355 '1':174 '10':96 '2':186 '2am':32,108 '3':211 '4':244 '5':282 '6':319 '8':5,9,41 'across':75 'activ':157 'adjust':245 'aesthet':17,49 'alongsid':378 'anyth':23,99 'appropri':268 'arcad':16,48 'art':14,46 'asset':387 'assets/deck-stage.js':331 'avoid':148 'bail':314 'best':97 'bit':7,10,42 'bit-orbit':6 'bodi':196 'bottom':276 'bracket':231 'brand':135 'break':77 'clone':175 'compon':311 'consol':147 'contain':59 'content':189,256 'context':150 'contract':340 'copi':197,380 'copyright':365 'corner':230 'craft':132 'creativ':139 'crt':29,105 'cyberpunk':33,109 'dark':88,153 'date':200 'deck':61,136,246,328 'decor':64,228,306 'deep':20,52 'demo':40,95,116,259 'densiti':91 'design':214,283,297 'dev':37,113 'differ':317 'digit':131 'dimens':206 'disclosur':165 'doesn':294 'drop':272 'duplic':249,261 'element':229 'emit':341 'example.html':176,382 'exist':205,263 'face':169 'feel':26,102,144 'file':185 'financ':164 'font':218,304 'formal':89 'full':357 'game':34,110 'geometr':234 'github.com':354 'github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/8-bit-orbit).':353 'glanc':86 'good':119 'grain':233 'grammar':312 'grid':225 'hackathon':39,115 'handler':335 'headlin':195 'healthcar':166 'hold':260 'html':2,60 'html-ppt-zhangzara':1 'ident':243 'illustr':236 'imag':209 'includ':362 'indi':36,112 'inlin':333 'insid':81 'institut':163 'intact':338 'keep':320 'keyboard':334 'label':203,281 'layout':74,224,250,269,285,291 'lean':127 'leav':336 'length':247 'less':271 'licens':345,351,360,372 'like':27,103,145 'low':90 'luxuri':172 'match':204 'materi':170 'medium':92 'messag':161 'metadata':394 'miss':284 'mit':350,359 'mit-licens':349 'mix':73 'must':375 'name':199 'navi':21,53 'navig':322 'need':289 'neon':15,47,154 'never':216,313 'nostalg':130 'nostalgic-digit':129 'notic':366 'number':198,280 'one':83 'orbit':8,11,43 'origin':364 'output':339 'page':279 'page-numb':278 'palett':63,155,221,305 'paper':232 'part':240 'patient':168 'patient-fac':167 'pixel':13,45 'pixel-art':12,44 'placehold':188,210 'ppt':3 'preserv':212 'quiet':162 'real':194 'recolor':219 'redistribut':377 'replac':187 'restructur':222 'review':140 'rhythm':309 'runtim':323,388 'scheme':87 'scratch':300 'screen':30,106 'section':202 'see':389 'self':58 'self-contain':57 'shape':235 'ship':325,329,367 'singl':56 'skill':370 'skill-html-ppt-zhangzara-8-bit-orbit' 'slide':67,93,264,273,288 'snapshot':395 'sourc':344 'source-nexu-io' 'space':308 'stay':80 'strip':227 'substitut':217 'svgs':237 'swap':208 'synthwav':134 'system':65,79,215 'tag':343 'talk':123 'tech':122 'templat':76,293,318 'template.json':383,390 'text':361 'togeth':72 'tool':38,114 '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' 'tradit':171 'tune':71 'typographi':62 'updat':277 'upstream':348,358,393 'use':301 'user':179,192,253 'vendor':346,386 'vocabulari':68,307 'void':22,54 'want':125,142 'web3':35,111 'work':158,184 'workflow':173 'workspac':181 'would':156 'zarazhangrui/beautiful-html-templates':352 'zhangzara':4","prices":[{"id":"82e08923-aa69-4bea-b713-834a80e3d83c","listingId":"ec03e793-1d84-49c5-a386-97b10f59cc22","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-08T06:51:48.565Z"}],"sources":[{"listingId":"ec03e793-1d84-49c5-a386-97b10f59cc22","source":"github","sourceId":"nexu-io/open-design/html-ppt-zhangzara-8-bit-orbit","sourceUrl":"https://github.com/nexu-io/open-design/tree/main/skills/html-ppt-zhangzara-8-bit-orbit","isPrimary":false,"firstSeenAt":"2026-05-08T06:51:48.565Z","lastSeenAt":"2026-05-11T06:52:21.892Z"}],"details":{"listingId":"ec03e793-1d84-49c5-a386-97b10f59cc22","quickStartSnippet":null,"exampleRequest":null,"exampleResponse":null,"schema":null,"openapiUrl":null,"agentsTxtUrl":null,"citations":[],"useCases":[],"bestFor":[],"notFor":[],"kindDetails":{"org":"nexu-io","slug":"html-ppt-zhangzara-8-bit-orbit","github":{"repo":"nexu-io/open-design","stars":36607,"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-11T06:48:43Z","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":"b5c6bd35612c1b374f56e9d5045e8dd261cefa9d","skill_md_path":"skills/html-ppt-zhangzara-8-bit-orbit/SKILL.md","default_branch":"main","skill_tree_url":"https://github.com/nexu-io/open-design/tree/main/skills/html-ppt-zhangzara-8-bit-orbit"},"layout":"multi","source":"github","category":"open-design","frontmatter":{"name":"html-ppt-zhangzara-8-bit-orbit","description":"8-Bit Orbit — Pixel-art neon arcade aesthetic on a deep navy void. Anything that should feel like a CRT screen at 2am: cyberpunk, gaming, web3, indie dev tools, hackathon demos."},"skills_sh_url":"https://skills.sh/nexu-io/open-design/html-ppt-zhangzara-8-bit-orbit"},"updatedAt":"2026-05-11T06:52:21.892Z"}}