{"id":"aa01c595-6608-4598-a665-c6c5ebeeeb70","shortId":"sFve66","kind":"skill","title":"html-ppt-pitch-deck","tagline":"Investor-ready 10-slide HTML pitch deck — white + blue→purple gradient hero, big numbers, traction bar chart, $4.5M-style ask page. Use when the user wants a fundraising deck, seed-round pitch, or VC meeting slides.","description":"# HTML PPT · Pitch Deck\n\nA focused entry point into the [`html-ppt`](../html-ppt/SKILL.md) master skill that lands the user directly on the **`pitch-deck`** full-deck template.\n\n## When this card is picked\n\nThe Examples gallery wires \"Use this prompt\" to the example_prompt above. When you accept that prompt, this card is the right pick if the user wants exactly the visual identity of `pitch-deck` (see the upstream [full-decks catalog](../html-ppt/references/full-decks.md) for screenshots and rationale).\n\n## How to author the deck\n\n1. **Read the master skill first.** All authoring rules live in\n   [`skills/html-ppt/SKILL.md`](../html-ppt/SKILL.md) — content/audience checklist,\n   token rules, layout reuse, presenter mode, the keyboard runtime, and the\n   \"never put presenter-only text on the slide\" rule.\n2. **Start from the matching template folder:**\n   `skills/html-ppt/templates/full-decks/pitch-deck/` — copy `index.html` and\n   `style.css` into the project, keep the `.tpl-pitch-deck` body class.\n3. **Bring the shared runtime with the template.** The upstream\n   `index.html` links the shared CSS/JS via `../../../assets/...` because it\n   sits three folders deep inside `skills/html-ppt/templates/full-decks/`.\n   Once you copy `index.html` into the project, those parent-relative URLs\n   no longer resolve and `base.css`, `animations.css`, and `runtime.js`\n   will 404 — meaning the deck never activates and slide navigation is\n   dead. Pick one of these two recipes per project:\n   - **Recipe A — copy + rewrite (preferred):** copy\n     `skills/html-ppt/assets/fonts.css`, `skills/html-ppt/assets/base.css`,\n     `skills/html-ppt/assets/animations/animations.css`, and\n     `skills/html-ppt/assets/runtime.js` into a project-local\n     `assets/` (with `assets/animations/animations.css`), then rewrite the\n     four `<link>`/`<script>` tags in `index.html` from\n     `../../../assets/...` to the matching project-local paths\n     (`assets/fonts.css`, `assets/base.css`,\n     `assets/animations/animations.css`, `assets/runtime.js`).\n   - **Recipe B — inline:** read the same four files and replace each\n     `<link rel=\"stylesheet\" href=\"../../../assets/...\">` with a\n     `<style>...</style>` containing the file's contents, and the\n     `<script src=\"../../../assets/runtime.js\">` with a\n     `<script>...</script>` containing `runtime.js`. Yields a single\n     self-contained `index.html`.\n   Either way, do not ship the upstream `../../../assets/...` URLs\n   verbatim into a project artifact — they only work in-tree.\n4. **Pick a theme.** Default tokens look fine; if the user wants a different\n   feel, swap in any of the 36 themes from `skills/html-ppt/assets/themes/*.css`\n   via `<link id=\"theme-link\">` and let `T` cycle.\n5. **Replace demo content, not classes.** The `.tpl-pitch-deck` scoped CSS only\n   recognises the structural classes shipped in the template — keep them.\n6. **Speaker notes go inside `<aside class=\"notes\">` or `<div class=\"notes\">`** — never as visible text on the slide.\n\n## Attribution\n\nVisual system, layouts, themes and the runtime keyboard model come from\nthe upstream MIT-licensed [`lewislulu/html-ppt-skill`](https://github.com/lewislulu/html-ppt-skill). The\nLICENSE file ships at `skills/html-ppt/LICENSE`; please keep it in place when\nredistributing.","tags":["html","ppt","pitch","deck","open","design","nexu-io","agent-skills","ai-agents","ai-design","byok","claude"],"capabilities":["skill","source-nexu-io","skill-html-ppt-pitch-deck","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-pitch-deck","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,310 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:20.982Z","embedding":null,"createdAt":"2026-05-02T06:52:42.221Z","updatedAt":"2026-05-11T06:52:20.982Z","lastSeenAt":"2026-05-11T06:52:20.982Z","tsv":"'/../../assets':208,303 '/html-ppt/references/full-decks.md':123 '/html-ppt/skill.md':59,145 '/lewislulu/html-ppt-skill).':403 '1':133 '10':9 '2':169 '3':192 '36':336 '4':316 '4.5':24 '404':238 '5':346 '6':370 'accept':95 'activ':243 'animations.css':234 'artifact':309 'ask':28 'asset':273 'assets/animations/animations.css':275 'attribut':383 'author':130,140 'bar':22 'base.css':233 'big':19 'blue':15 'bodi':190 'bring':193 'card':78,99 'catalog':122 'chart':23 'checklist':147 'class':191,351,363 'come':393 'contain':280,287,294 'content':284,349 'content/audience':146 'copi':177,219,259,262 'css':340,358 'css/js':206 'cycl':345 'dead':248 'deck':5,13,37,49,71,74,115,121,132,189,241,356 'deep':214 'default':320 'demo':348 'differ':329 'direct':66 'either':296 'entri':52 'exact':108 'exampl':82,90 'feel':330 'file':282,406 'fine':323 'first':138 'focus':51 'folder':175,213 'four':279 'full':73,120 'full-deck':72,119 'fundrais':36 'galleri':83 'github.com':402 'github.com/lewislulu/html-ppt-skill).':401 'go':373 'gradient':17 'hero':18 'html':2,11,46,57 'html-ppt':56 'html-ppt-pitch-deck':1 'ident':111 'in-tre':313 'index.html':178,202,220,295 'insid':215,374 'investor':7 'investor-readi':6 'keep':184,368,411 'keyboard':155,391 'land':63 'layout':150,386 'let':343 'lewislulu/html-ppt-skill':400 'licens':399,405 'link':203 'live':142 'local':272 'longer':230 'look':322 'm':26 'm-style':25 'master':60,136 'match':173 'mean':239 'meet':44 'mit':398 'mit-licens':397 'mode':153 'model':392 'navig':246 'never':159,242,376 'note':372 'number':20 'one':250 'page':29 'parent':226 'parent-rel':225 'per':255 'pick':80,103,249,317 'pitch':4,12,41,48,70,114,188,355 'pitch-deck':69,113 'place':414 'pleas':410 'point':53 'ppt':3,47,58 'prefer':261 'present':152,162 'presenter-on':161 'project':183,223,256,271,308 'project-loc':270 'prompt':87,91,97 'purpl':16 'put':160 'rational':127 'read':134 'readi':8 'recip':254,257 'recognis':360 'redistribut':416 'relat':227 'replac':347 'resolv':231 'reus':151 'rewrit':260,277 'right':102 'round':40 'rule':141,149,168 'runtim':156,196,390 'runtime.js':236,288 'scope':357 'screenshot':125 'see':116 'seed':39 'seed-round':38 'self':293 'self-contain':292 'share':195,205 'ship':300,364,407 'singl':291 'sit':211 'skill':61,137 'skill-html-ppt-pitch-deck' 'skills/html-ppt/assets/animations/animations.css':265 'skills/html-ppt/assets/base.css':264 'skills/html-ppt/assets/fonts.css':263 'skills/html-ppt/assets/runtime.js':267 'skills/html-ppt/assets/themes':339 'skills/html-ppt/license':409 'skills/html-ppt/skill.md':144 'skills/html-ppt/templates/full-decks':216 'skills/html-ppt/templates/full-decks/pitch-deck':176 'slide':10,45,167,245,382 'source-nexu-io' 'speaker':371 'start':170 'structur':362 'style':27 'style.css':180 'swap':331 'system':385 'templat':75,174,199,367 'text':164,379 'theme':319,337,387 'three':212 'token':148,321 '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' 'tpl':187,354 'tpl-pitch-deck':186,353 'traction':21 'tree':315 'two':253 'upstream':118,201,302,396 'url':228,304 'use':30,85 'user':33,65,106,326 'vc':43 'verbatim':305 'via':207,341 'visibl':378 'visual':110,384 'want':34,107,327 'way':297 'white':14 'wire':84 'work':312 'yield':289","prices":[{"id":"d556c768-4a9a-4311-aa6b-071e335ffece","listingId":"aa01c595-6608-4598-a665-c6c5ebeeeb70","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-02T06:52:42.221Z"}],"sources":[{"listingId":"aa01c595-6608-4598-a665-c6c5ebeeeb70","source":"github","sourceId":"nexu-io/open-design/html-ppt-pitch-deck","sourceUrl":"https://github.com/nexu-io/open-design/tree/main/skills/html-ppt-pitch-deck","isPrimary":false,"firstSeenAt":"2026-05-02T06:52:42.221Z","lastSeenAt":"2026-05-11T06:52:20.982Z"},{"listingId":"aa01c595-6608-4598-a665-c6c5ebeeeb70","source":"skills_sh","sourceId":"nexu-io/open-design/html-ppt-pitch-deck","sourceUrl":"https://skills.sh/nexu-io/open-design/html-ppt-pitch-deck","isPrimary":true,"firstSeenAt":"2026-05-07T20:43:21.743Z","lastSeenAt":"2026-05-07T22:42:08.650Z"}],"details":{"listingId":"aa01c595-6608-4598-a665-c6c5ebeeeb70","quickStartSnippet":null,"exampleRequest":null,"exampleResponse":null,"schema":null,"openapiUrl":null,"agentsTxtUrl":null,"citations":[],"useCases":[],"bestFor":[],"notFor":[],"kindDetails":{"org":"nexu-io","slug":"html-ppt-pitch-deck","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":"7ab3dc648a10d8ff6ddebf67aff316496ea536cd","skill_md_path":"skills/html-ppt-pitch-deck/SKILL.md","default_branch":"main","skill_tree_url":"https://github.com/nexu-io/open-design/tree/main/skills/html-ppt-pitch-deck"},"layout":"multi","source":"github","category":"open-design","frontmatter":{"name":"html-ppt-pitch-deck","description":"Investor-ready 10-slide HTML pitch deck — white + blue→purple gradient hero, big numbers, traction bar chart, $4.5M-style ask page. Use when the user wants a fundraising deck, seed-round pitch, or VC meeting slides."},"skills_sh_url":"https://skills.sh/nexu-io/open-design/html-ppt-pitch-deck"},"updatedAt":"2026-05-11T06:52:20.982Z"}}