{"id":"417b8136-2d10-45b6-b013-7fab759d9dd4","shortId":"SdYz5f","kind":"skill","title":"html-ppt-zhangzara-signal","tagline":"Signal — Deep navy canvas with bone paper and a single muted-gold accent; institutional with quiet weight. Anything that should feel weighty, considered, and credibly institutional: investor decks, board presentations, consulting deliverables, legal / policy briefs, advisory pitc","description":"# Signal\n\n> Deep navy canvas with bone paper and a single muted-gold accent; institutional with quiet weight.\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:** mixed\n- **Formality:** high\n- **Density:** high\n- **Slides in demo:** 18\n\n## Best for\n\nAnything that should feel weighty, considered, and credibly institutional: investor decks, board presentations, consulting deliverables, legal / policy briefs, advisory pitches. Also a strong choice for tech, research, or brand work that wants to read as quietly authoritative rather than loud.\n\n## Avoid for\n\nContexts that should feel hot, fast, or intentionally playful — the navy + gold restraint commits to a sober voice.\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/signal).\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","signal","open","design","nexu-io","agent-skills","ai-agents","ai-design","byok","claude"],"capabilities":["skill","source-nexu-io","skill-html-ppt-zhangzara-signal","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-signal","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,657 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.943Z","embedding":null,"createdAt":"2026-05-08T06:51:50.594Z","updatedAt":"2026-05-11T06:52:23.943Z","lastSeenAt":"2026-05-11T06:52:23.943Z","tsv":"'/license':366 '/zarazhangrui/beautiful-html-templates/tree/main/templates/signal).':348 '1':167 '18':103 '2':179 '3':204 '4':237 '5':275 '6':312 'accent':19,57 'across':82 'adjust':238 'advisori':42,124 'alongsid':371 'also':126 'anyth':24,106 'appropri':261 'asset':380 'assets/deck-stage.js':324 'authorit':142 'avoid':146 'bail':307 'best':104 'board':35,117 'bodi':189 'bone':11,49 'bottom':269 'bracket':224 'brand':134 'break':84 'brief':41,123 'canva':9,47 'choic':129 'clone':168 'commit':161 'compon':304 'consid':29,111 'consult':37,119 'contain':66 'content':182,249 'context':148 'contract':333 'copi':190,373 'copyright':358 'corner':223 'credibl':31,113 'date':193 'deck':34,68,116,239,321 'decor':71,221,299 'deep':7,45 'deliver':38,120 'demo':102,252 'densiti':98 'design':207,276,290 'differ':310 'dimens':199 'doesn':287 'drop':265 'duplic':242,254 'element':222 'emit':334 'example.html':169,375 'exist':198,256 'fast':153 'feel':27,109,151 'file':178 'font':211,297 'formal':96 'full':350 'geometr':227 'github.com':347 'github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/signal).':346 'glanc':93 'gold':18,56,159 'grain':226 'grammar':305 'grid':218 'handler':328 'headlin':188 'high':97,99 'hold':253 'hot':152 'html':2,67 'html-ppt-zhangzara-sign':1 'ident':236 'illustr':229 'imag':202 'includ':355 'inlin':326 'insid':88 'institut':20,32,58,114 'intact':331 'intent':155 'investor':33,115 'keep':313 'keyboard':327 'label':196,274 'layout':81,217,243,262,278,284 'leav':329 'legal':39,121 'length':240 'less':264 'licens':338,344,353,365 'loud':145 'match':197 'metadata':387 'miss':277 'mit':343,352 'mit-licens':342 'mix':80,95 'must':368 'mute':17,55 'muted-gold':16,54 'name':192 'navi':8,46,158 'navig':315 'need':282 'never':209,306 'notic':359 'number':191,273 'one':90 'origin':357 'output':332 'page':272 'page-numb':271 'palett':70,214,298 'paper':12,50,225 'part':233 'pitc':43 'pitch':125 'placehold':181,203 'play':156 'polici':40,122 'ppt':3 'present':36,118 'preserv':205 'quiet':22,60,141 'rather':143 'read':139 'real':187 'recolor':212 'redistribut':370 'replac':180 'research':132 'restraint':160 'restructur':215 'rhythm':302 'runtim':316,381 'scheme':94 'scratch':293 'section':195 'see':382 'self':65 'self-contain':64 'shape':228 'ship':318,322,360 'signal':5,6,44 'singl':15,53,63 'skill':363 'skill-html-ppt-zhangzara-signal' 'slide':74,100,257,266,281 'snapshot':388 'sober':164 'sourc':337 'source-nexu-io' 'space':301 'stay':87 'strip':220 'strong':128 'substitut':210 'svgs':230 'swap':201 'system':72,86,208 'tag':336 'tech':131 'templat':83,286,311 'template.json':376,383 'text':354 'togeth':79 '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':78 'typographi':69 'updat':270 'upstream':341,351,386 'use':294 'user':172,185,246 'vendor':339,379 'vocabulari':75,300 'voic':165 'want':137 'weight':23,61 'weighti':28,110 'work':135,177 'workflow':166 'workspac':174 'zarazhangrui/beautiful-html-templates':345 'zhangzara':4","prices":[{"id":"ef451e28-f189-4771-87b3-266d97aee4c6","listingId":"417b8136-2d10-45b6-b013-7fab759d9dd4","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.594Z"}],"sources":[{"listingId":"417b8136-2d10-45b6-b013-7fab759d9dd4","source":"github","sourceId":"nexu-io/open-design/html-ppt-zhangzara-signal","sourceUrl":"https://github.com/nexu-io/open-design/tree/main/skills/html-ppt-zhangzara-signal","isPrimary":false,"firstSeenAt":"2026-05-08T06:51:50.594Z","lastSeenAt":"2026-05-11T06:52:23.943Z"}],"details":{"listingId":"417b8136-2d10-45b6-b013-7fab759d9dd4","quickStartSnippet":null,"exampleRequest":null,"exampleResponse":null,"schema":null,"openapiUrl":null,"agentsTxtUrl":null,"citations":[],"useCases":[],"bestFor":[],"notFor":[],"kindDetails":{"org":"nexu-io","slug":"html-ppt-zhangzara-signal","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":"bd024b0d0a5e8aef2f43cee808cad7e5841cecf9","skill_md_path":"skills/html-ppt-zhangzara-signal/SKILL.md","default_branch":"main","skill_tree_url":"https://github.com/nexu-io/open-design/tree/main/skills/html-ppt-zhangzara-signal"},"layout":"multi","source":"github","category":"open-design","frontmatter":{"name":"html-ppt-zhangzara-signal","description":"Signal — Deep navy canvas with bone paper and a single muted-gold accent; institutional with quiet weight. Anything that should feel weighty, considered, and credibly institutional: investor decks, board presentations, consulting deliverables, legal / policy briefs, advisory pitches."},"skills_sh_url":"https://skills.sh/nexu-io/open-design/html-ppt-zhangzara-signal"},"updatedAt":"2026-05-11T06:52:23.943Z"}}