{"id":"e77ff36c-1bd2-4ee4-9ec8-2c6c5379f844","shortId":"3zQsVd","kind":"skill","title":"html-ppt-zhangzara-peoples-platform","tagline":"People's Platform (Block & Bold) — Activist poster energy: blue, orange, red on cream, with Alfa Slab + Caveat Brush. Anything that should feel honest, loud, and graphic: cultural commentary, manifestos, civic and community decks, design talks, campaign pitches.","description":"# People's Platform (Block & Bold)\n\n> Activist poster energy: blue, orange, red on cream, with Alfa Slab + Caveat Brush.\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-low\n- **Density:** medium-high\n- **Slides in demo:** 10\n\n## Best for\n\nAnything that should feel honest, loud, and graphic: cultural commentary, manifestos, civic and community decks, design talks, campaign pitches. Excellent for founder-vision moments, mission statements, or any deck — including across industries — that wants protest-poster energy instead of corporate polish.\n\n## Avoid for\n\nContexts where institutional restraint is the actual goal — the saturated political-poster palette commits hard to expressive energy.\n\n## Workflow\n\n1. **Clone `example.html` AND the `assets/` folder** into the user's workspace.\n   This template ships an `assets/deck-stage.js` runtime (keyboard navigation,\n   stage rendering); the HTML references it as `assets/deck-stage.js`, so the\n   file must sit next to the cloned HTML or that path will 404 in the generated\n   artifact and navigation will silently break. Inlining the JS into a single\n   `<script>` block in the HTML is an acceptable alternative when a single\n   self-contained file is preferred.\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 `<artifact>` tags:\n\n```\n<artifact identifier=\"zhangzara-peoples-platform\" type=\"text/html\" title=\"Deck Title\">\n<!doctype html>\n<html>...</html>\n</artifact>\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/peoples-platform).\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","peoples","platform","open","design","nexu-io","agent-skills","ai-agents","ai-design","byok"],"capabilities":["skill","source-nexu-io","skill-html-ppt-zhangzara-peoples-platform","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-peoples-platform","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 (3,165 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.258Z","embedding":null,"createdAt":"2026-05-08T06:51:49.928Z","updatedAt":"2026-05-11T06:52:23.258Z","lastSeenAt":"2026-05-11T06:52:23.258Z","tsv":"'1':175 '10':107 '404':217 'across':82,141 'activist':12,49 'actual':161 'alfa':21,58 'anyth':25,110 'artifact':221 'asset':180 'assets/deck-stage.js':191,202 'avoid':153 'best':108 'block':10,47 'blue':15,52 'bold':11,48 'break':84,226 'brush':24,61 'campaign':42,127 'caveat':23,60 'civic':36,121 'clone':176,211 'commentari':34,119 'commit':169 'communiti':38,123 'contain':66 'context':155 'corpor':151 'cream':19,56 'cultur':33,118 'deck':39,68,124,139 'decor':71 'demo':106 'densiti':100 'design':40,125 'energi':14,51,148,173 'example.html':177 'excel':129 'express':172 'feel':28,113 'file':205 'folder':181 'formal':96 'founder':132 'founder-vis':131 'generat':220 'glanc':93 'goal':162 'graphic':32,117 'hard':170 'high':103 'honest':29,114 'html':2,67,198,212 'html-ppt-zhangzara-peoples-platform':1 'includ':140 'industri':142 'inlin':227 'insid':88 'instead':149 'institut':157 'js':229 'keyboard':193 'layout':81 'light':95 'loud':30,115 'low':99 'manifesto':35,120 'medium':98,102 'medium-high':101 'medium-low':97 'mission':135 'mix':80 'moment':134 'must':206 'navig':194,223 'next':208 'one':90 'orang':16,53 'palett':70,168 'path':215 'peopl':5,7,44 'pitch':43,128 'platform':6,9,46 'polish':152 'polit':166 'political-post':165 'poster':13,50,147,167 'ppt':3 'protest':146 'protest-post':145 'red':17,54 'refer':199 'render':196 'restraint':158 'runtim':192 'satur':164 'scheme':94 'self':65 'self-contain':64 'ship':189 'silent':225 'singl':63,232 'sit':207 'skill' 'skill-html-ppt-zhangzara-peoples-platform' 'slab':22,59 'slide':74,104 'source-nexu-io' 'stage':195 'statement':136 'stay':87 'system':72,86 'talk':41,126 'templat':83,188 '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 'user':184 'vision':133 'vocabulari':75 'want':144 'workflow':174 'workspac':186 'zhangzara':4","prices":[{"id":"6593713c-141c-45eb-aa57-f7fc1f2531a6","listingId":"e77ff36c-1bd2-4ee4-9ec8-2c6c5379f844","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:49.928Z"}],"sources":[{"listingId":"e77ff36c-1bd2-4ee4-9ec8-2c6c5379f844","source":"github","sourceId":"nexu-io/open-design/html-ppt-zhangzara-peoples-platform","sourceUrl":"https://github.com/nexu-io/open-design/tree/main/skills/html-ppt-zhangzara-peoples-platform","isPrimary":false,"firstSeenAt":"2026-05-08T06:51:49.928Z","lastSeenAt":"2026-05-11T06:52:23.258Z"}],"details":{"listingId":"e77ff36c-1bd2-4ee4-9ec8-2c6c5379f844","quickStartSnippet":null,"exampleRequest":null,"exampleResponse":null,"schema":null,"openapiUrl":null,"agentsTxtUrl":null,"citations":[],"useCases":[],"bestFor":[],"notFor":[],"kindDetails":{"org":"nexu-io","slug":"html-ppt-zhangzara-peoples-platform","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":"8404966a01453008cf980ca910eb9dbfab6f3f52","skill_md_path":"skills/html-ppt-zhangzara-peoples-platform/SKILL.md","default_branch":"main","skill_tree_url":"https://github.com/nexu-io/open-design/tree/main/skills/html-ppt-zhangzara-peoples-platform"},"layout":"multi","source":"github","category":"open-design","frontmatter":{"name":"html-ppt-zhangzara-peoples-platform","description":"People's Platform (Block & Bold) — Activist poster energy: blue, orange, red on cream, with Alfa Slab + Caveat Brush. Anything that should feel honest, loud, and graphic: cultural commentary, manifestos, civic and community decks, design talks, campaign pitches."},"skills_sh_url":"https://skills.sh/nexu-io/open-design/html-ppt-zhangzara-peoples-platform"},"updatedAt":"2026-05-11T06:52:23.258Z"}}