{"id":"ce7436f7-ee20-44c1-adf1-954301aad6a9","shortId":"cSg4k4","kind":"skill","title":"html-ppt-zhangzara-bold-poster","tagline":"Bold Poster — Editorial poster aesthetic with massive Shrikhand display and a single fire-engine red accent. Anything that should land like a magazine cover: brand manifestos, founder vision decks, editorial / cultural pitches, creative reviews.","description":"# Bold Poster\n\n> Editorial poster aesthetic with massive Shrikhand display and a single fire-engine red accent.\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:** medium\n- **Density:** low\n- **Slides in demo:** 10\n\n## Best for\n\nAnything that should land like a magazine cover: brand manifestos, founder vision decks, editorial / cultural pitches, creative reviews. Excellent any time you want a few words to feel like a poster — including unexpected fits like a tech keynote or a finance manifesto that wants to be quotable.\n\n## Avoid for\n\nDecks that need to communicate dense information per slide — the layout is built around a few large statements, not paragraphs of detail.\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/bold-poster).\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","bold","poster","open","design","nexu-io","agent-skills","ai-agents","ai-design","byok"],"capabilities":["skill","source-nexu-io","skill-html-ppt-zhangzara-bold-poster","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-bold-poster","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,694 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:22.161Z","embedding":null,"createdAt":"2026-05-08T06:51:48.851Z","updatedAt":"2026-05-11T06:52:22.161Z","lastSeenAt":"2026-05-11T06:52:22.161Z","tsv":"'/license':374 '/zarazhangrui/beautiful-html-templates/tree/main/templates/bold-poster).':356 '1':175 '10':100 '2':187 '3':212 '4':245 '5':283 '6':320 'accent':23,58 'across':79 'adjust':246 'aesthet':11,46 'alongsid':379 'anyth':24,103 'appropri':269 'around':165 'asset':388 'assets/deck-stage.js':332 'avoid':150 'bail':315 'best':101 'bodi':197 'bold':5,7,42 'bottom':277 'bracket':232 'brand':32,111 'break':81 'built':164 'clone':176 'communic':156 'compon':312 'contain':63 'content':190,257 'contract':341 'copi':198,381 'copyright':366 'corner':231 'cover':31,110 'creativ':40,119 'cultur':38,117 'date':201 'deck':36,65,115,152,247,329 'decor':68,229,307 'demo':99,260 'dens':157 'densiti':95 'design':215,284,298 'detail':173 'differ':318 'dimens':207 'display':15,50 'doesn':295 'drop':273 'duplic':250,262 'editori':9,37,44,116 'element':230 'emit':342 'engin':21,56 'example.html':177,383 'excel':121 'exist':206,264 'feel':130 'file':186 'financ':143 'fire':20,55 'fire-engin':19,54 'fit':136 'font':219,305 'formal':93 'founder':34,113 'full':358 'geometr':235 'github.com':355 'github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/bold-poster).':354 'glanc':90 'grain':234 'grammar':313 'grid':226 'handler':336 'headlin':196 'hold':261 'html':2,64 'html-ppt-zhangzara-bold-post':1 'ident':244 'illustr':237 'imag':210 'includ':134,363 'inform':158 'inlin':334 'insid':85 'intact':339 'keep':321 'keyboard':335 'keynot':140 'label':204,282 'land':27,106 'larg':168 'layout':78,162,225,251,270,286,292 'leav':337 'length':248 'less':272 'licens':346,352,361,373 'light':92 'like':28,107,131,137 'low':96 'magazin':30,109 'manifesto':33,112,144 'massiv':13,48 'match':205 'medium':94 'metadata':395 'miss':285 'mit':351,360 'mit-licens':350 'mix':77 'must':376 'name':200 'navig':323 'need':154,290 'never':217,314 'notic':367 'number':199,281 'one':87 'origin':365 'output':340 'page':280 'page-numb':279 'palett':67,222,306 'paper':233 'paragraph':171 'part':241 'per':159 'pitch':39,118 'placehold':189,211 'poster':6,8,10,43,45,133 'ppt':3 'preserv':213 'quotabl':149 'real':195 'recolor':220 'red':22,57 'redistribut':378 'replac':188 'restructur':223 'review':41,120 'rhythm':310 'runtim':324,389 'scheme':91 'scratch':301 'section':203 'see':390 'self':62 'self-contain':61 'shape':236 'ship':326,330,368 'shrikhand':14,49 'singl':18,53,60 'skill':371 'skill-html-ppt-zhangzara-bold-poster' 'slide':71,97,160,265,274,289 'snapshot':396 'sourc':345 'source-nexu-io' 'space':309 'statement':169 'stay':84 'strip':228 'substitut':218 'svgs':238 'swap':209 'system':69,83,216 'tag':344 'tech':139 'templat':80,294,319 'template.json':384,391 'text':362 'time':123 'togeth':76 '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':75 'typographi':66 'unexpect':135 'updat':278 'upstream':349,359,394 'use':302 'user':180,193,254 'vendor':347,387 'vision':35,114 'vocabulari':72,308 'want':125,146 'word':128 'work':185 'workflow':174 'workspac':182 'zarazhangrui/beautiful-html-templates':353 'zhangzara':4","prices":[{"id":"57a34f12-1171-45e5-91a7-7b5b6ab4568b","listingId":"ce7436f7-ee20-44c1-adf1-954301aad6a9","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.851Z"}],"sources":[{"listingId":"ce7436f7-ee20-44c1-adf1-954301aad6a9","source":"github","sourceId":"nexu-io/open-design/html-ppt-zhangzara-bold-poster","sourceUrl":"https://github.com/nexu-io/open-design/tree/main/skills/html-ppt-zhangzara-bold-poster","isPrimary":false,"firstSeenAt":"2026-05-08T06:51:48.851Z","lastSeenAt":"2026-05-11T06:52:22.161Z"}],"details":{"listingId":"ce7436f7-ee20-44c1-adf1-954301aad6a9","quickStartSnippet":null,"exampleRequest":null,"exampleResponse":null,"schema":null,"openapiUrl":null,"agentsTxtUrl":null,"citations":[],"useCases":[],"bestFor":[],"notFor":[],"kindDetails":{"org":"nexu-io","slug":"html-ppt-zhangzara-bold-poster","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":"e37b0f875b68b212c4959581e860bc497ee297ea","skill_md_path":"skills/html-ppt-zhangzara-bold-poster/SKILL.md","default_branch":"main","skill_tree_url":"https://github.com/nexu-io/open-design/tree/main/skills/html-ppt-zhangzara-bold-poster"},"layout":"multi","source":"github","category":"open-design","frontmatter":{"name":"html-ppt-zhangzara-bold-poster","description":"Bold Poster — Editorial poster aesthetic with massive Shrikhand display and a single fire-engine red accent. Anything that should land like a magazine cover: brand manifestos, founder vision decks, editorial / cultural pitches, creative reviews."},"skills_sh_url":"https://skills.sh/nexu-io/open-design/html-ppt-zhangzara-bold-poster"},"updatedAt":"2026-05-11T06:52:22.161Z"}}