{"id":"8ca7a016-0e8f-4310-a069-e773c9f8a000","shortId":"s6hWhw","kind":"skill","title":"html-ppt-zhangzara-retro-windows","tagline":"Retro Windows — Windows 95 chrome: gray title bars, MS Sans Serif, pixel typography, full nostalgia. Anything that should feel knowingly nostalgic: retro gaming, Y2K-aesthetic brands, creator portfolios with a 90s vibe, tech-history talks, deliberately tongue-in-cheek decks.","description":"# Retro Windows\n\n> Windows 95 chrome: gray title bars, MS Sans Serif, pixel typography, full nostalgia.\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:** light\n- **Formality:** low\n- **Density:** medium\n- **Slides in demo:** 10\n\n## Best for\n\nAnything that should feel knowingly nostalgic: retro gaming, Y2K-aesthetic brands, creator portfolios with a 90s vibe, tech-history talks, deliberately tongue-in-cheek decks. A great choice anywhere a playful retro reference is the entire point.\n\n## Avoid for\n\nDecks that need to read as modern, elegant, or institutionally credible — the Win95 chrome will always read as a costume.\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/retro-windows).\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","retro","windows","open","design","nexu-io","agent-skills","ai-agents","ai-design","byok"],"capabilities":["skill","source-nexu-io","skill-html-ppt-zhangzara-retro-windows","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-retro-windows","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,623 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:23.648Z","embedding":null,"createdAt":"2026-05-08T06:51:50.309Z","updatedAt":"2026-05-11T06:52:23.648Z","lastSeenAt":"2026-05-11T06:52:23.648Z","tsv":"'/license':371 '/zarazhangrui/beautiful-html-templates/tree/main/templates/retro-windows).':353 '1':172 '10':106 '2':184 '3':209 '4':242 '5':280 '6':317 '90s':38,125 '95':10,53 'across':85 'adjust':243 'aesthet':32,119 'alongsid':376 'alway':166 'anyth':22,109 'anywher':140 'appropri':266 'asset':385 'assets/deck-stage.js':329 'avoid':149 'bail':312 'bar':14,57 'best':107 'bodi':194 'bottom':274 'bracket':229 'brand':33,120 'break':87 'cheek':48,135 'choic':139 'chrome':11,54,164 'clone':173 'compon':309 'contain':69 'content':187,254 'contract':338 'copi':195,378 'copyright':363 'corner':228 'costum':170 'creator':34,121 'credibl':161 'date':198 'deck':49,71,136,151,244,326 'decor':74,226,304 'deliber':44,131 'demo':105,257 'densiti':101 'design':212,281,295 'differ':315 'dimens':204 'doesn':292 'drop':270 'duplic':247,259 'eleg':158 'element':227 'emit':339 'entir':147 'example.html':174,380 'exist':203,261 'feel':25,112 'file':183 'font':216,302 'formal':99 'full':20,63,355 'game':29,116 'geometr':232 'github.com':352 'github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/retro-windows).':351 'glanc':96 'grain':231 'grammar':310 'gray':12,55 'great':138 'grid':223 'handler':333 'headlin':193 'histori':42,129 'hold':258 'html':2,70 'html-ppt-zhangzara-retro-window':1 'ident':241 'illustr':234 'imag':207 'includ':360 'inlin':331 'insid':91 'institut':160 'intact':336 'keep':318 'keyboard':332 'know':26,113 'label':201,279 'layout':84,222,248,267,283,289 'leav':334 'length':245 'less':269 'licens':343,349,358,370 'light':98 'low':100 'match':202 'medium':102 'metadata':392 'miss':282 'mit':348,357 'mit-licens':347 'mix':83 'modern':157 'ms':15,58 'must':373 'name':197 'navig':320 'need':153,287 'never':214,311 'nostalg':27,114 'nostalgia':21,64 'notic':364 'number':196,278 'one':93 'origin':362 'output':337 'page':277 'page-numb':276 'palett':73,219,303 'paper':230 'part':238 'pixel':18,61 'placehold':186,208 'play':142 'point':148 'portfolio':35,122 'ppt':3 'preserv':210 'read':155,167 'real':192 'recolor':217 'redistribut':375 'refer':144 'replac':185 'restructur':220 'retro':5,7,28,50,115,143 'rhythm':307 'runtim':321,386 'san':16,59 'scheme':97 'scratch':298 'section':200 'see':387 'self':68 'self-contain':67 'serif':17,60 'shape':233 'ship':323,327,365 'singl':66 'skill':368 'skill-html-ppt-zhangzara-retro-windows' 'slide':77,103,262,271,286 'snapshot':393 'sourc':342 'source-nexu-io' 'space':306 'stay':90 'strip':225 'substitut':215 'svgs':235 'swap':206 'system':75,89,213 'tag':341 'talk':43,130 'tech':41,128 'tech-histori':40,127 'templat':86,291,316 'template.json':381,388 'text':359 'titl':13,56 'togeth':82 'tongu':46,133 'tongue-in-cheek':45,132 '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' 'tune':81 'typographi':19,62,72 'updat':275 'upstream':346,356,391 'use':299 'user':177,190,251 'vendor':344,384 'vibe':39,126 'vocabulari':78,305 'win95':163 'window':6,8,9,51,52 'work':182 'workflow':171 'workspac':179 'y2k':31,118 'y2k-aesthetic':30,117 'zarazhangrui/beautiful-html-templates':350 'zhangzara':4","prices":[{"id":"88b335fc-f730-44f3-9217-bfa59dd642fb","listingId":"8ca7a016-0e8f-4310-a069-e773c9f8a000","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:50.309Z"}],"sources":[{"listingId":"8ca7a016-0e8f-4310-a069-e773c9f8a000","source":"github","sourceId":"nexu-io/open-design/html-ppt-zhangzara-retro-windows","sourceUrl":"https://github.com/nexu-io/open-design/tree/main/skills/html-ppt-zhangzara-retro-windows","isPrimary":false,"firstSeenAt":"2026-05-08T06:51:50.309Z","lastSeenAt":"2026-05-11T06:52:23.648Z"}],"details":{"listingId":"8ca7a016-0e8f-4310-a069-e773c9f8a000","quickStartSnippet":null,"exampleRequest":null,"exampleResponse":null,"schema":null,"openapiUrl":null,"agentsTxtUrl":null,"citations":[],"useCases":[],"bestFor":[],"notFor":[],"kindDetails":{"org":"nexu-io","slug":"html-ppt-zhangzara-retro-windows","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":"c00580950b56c9b39db9854ecaf9277edbf3f89b","skill_md_path":"skills/html-ppt-zhangzara-retro-windows/SKILL.md","default_branch":"main","skill_tree_url":"https://github.com/nexu-io/open-design/tree/main/skills/html-ppt-zhangzara-retro-windows"},"layout":"multi","source":"github","category":"open-design","frontmatter":{"name":"html-ppt-zhangzara-retro-windows","description":"Retro Windows — Windows 95 chrome: gray title bars, MS Sans Serif, pixel typography, full nostalgia. Anything that should feel knowingly nostalgic: retro gaming, Y2K-aesthetic brands, creator portfolios with a 90s vibe, tech-history talks, deliberately tongue-in-cheek decks."},"skills_sh_url":"https://skills.sh/nexu-io/open-design/html-ppt-zhangzara-retro-windows"},"updatedAt":"2026-05-11T06:52:23.648Z"}}