{"id":"703367b5-4719-43be-82cd-d81b2bbd4447","shortId":"axZ7BP","kind":"skill","title":"html-ppt-tech-sharing","tagline":"Conference / internal tech-talk deck — GitHub-dark, JetBrains Mono, terminal code blocks, agenda + Q&A pages. Use for engineering presentations, internal sharing sessions, conference talks, and code-heavy walkthroughs.","description":"# HTML PPT · Tech Sharing\n\nA focused entry point into the [`html-ppt`](../html-ppt/SKILL.md) master skill that lands the user directly on the **`tech-sharing`** 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 `tech-sharing` (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/tech-sharing/` — copy `index.html` and\n   `style.css` into the project, keep the `.tpl-tech-sharing` 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-tech-sharing` 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","tech","sharing","open","design","nexu-io","agent-skills","ai-agents","ai-design","byok","claude"],"capabilities":["skill","source-nexu-io","skill-html-ppt-tech-sharing","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-tech-sharing","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,322 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:21.456Z","embedding":null,"createdAt":"2026-05-02T06:52:42.446Z","updatedAt":"2026-05-11T06:52:21.456Z","lastSeenAt":"2026-05-11T06:52:21.456Z","tsv":"'/../../assets':200,295 '/html-ppt/references/full-decks.md':115 '/html-ppt/skill.md':51,137 '/lewislulu/html-ppt-skill).':395 '1':125 '2':161 '3':184 '36':328 '4':308 '404':230 '5':338 '6':362 'accept':87 'activ':235 'agenda':20 'animations.css':226 'artifact':301 'asset':265 'assets/animations/animations.css':267 'attribut':375 'author':122,132 'base.css':225 'block':19 'bodi':182 'bring':185 'card':70,91 'catalog':114 'checklist':139 'class':183,343,355 'code':18,35 'code-heavi':34 'come':385 'confer':6,31 'contain':272,279,286 'content':276,341 'content/audience':138 'copi':169,211,251,254 'css':332,350 'css/js':198 'cycl':337 'dark':14 'dead':240 'deck':11,66,113,124,233 'deep':206 'default':312 'demo':340 'differ':321 'direct':58 'either':288 'engin':26 'entri':44 'exact':100 'exampl':74,82 'feel':322 'file':274,398 'fine':315 'first':130 'focus':43 'folder':167,205 'four':271 'full':65,112 'full-deck':64,111 'galleri':75 'github':13 'github-dark':12 'github.com':394 'github.com/lewislulu/html-ppt-skill).':393 'go':365 'heavi':36 'html':2,38,49 'html-ppt':48 'html-ppt-tech-shar':1 'ident':103 'in-tre':305 'index.html':170,194,212,287 'insid':207,366 'intern':7,28 'jetbrain':15 'keep':176,360,403 'keyboard':147,383 'land':55 'layout':142,378 'let':335 'lewislulu/html-ppt-skill':392 'licens':391,397 'link':195 'live':134 'local':264 'longer':222 'look':314 'master':52,128 'match':165 'mean':231 'mit':390 'mit-licens':389 'mode':145 'model':384 'mono':16 'navig':238 'never':151,234,368 'note':364 'one':242 'page':23 'parent':218 'parent-rel':217 'per':247 'pick':72,95,241,309 'place':406 'pleas':402 'point':45 'ppt':3,39,50 'prefer':253 'present':27,144,154 'presenter-on':153 'project':175,215,248,263,300 'project-loc':262 'prompt':79,83,89 'put':152 'q':21 'rational':119 'read':126 'recip':246,249 'recognis':352 'redistribut':408 'relat':219 'replac':339 'resolv':223 'reus':143 'rewrit':252,269 'right':94 'rule':133,141,160 'runtim':148,188,382 'runtime.js':228,280 'scope':349 'screenshot':117 'see':108 'self':285 'self-contain':284 'session':30 'share':5,29,41,63,107,181,187,197,348 'ship':292,356,399 'singl':283 'sit':203 'skill':53,129 'skill-html-ppt-tech-sharing' 'skills/html-ppt/assets/animations/animations.css':257 'skills/html-ppt/assets/base.css':256 'skills/html-ppt/assets/fonts.css':255 'skills/html-ppt/assets/runtime.js':259 'skills/html-ppt/assets/themes':331 'skills/html-ppt/license':401 'skills/html-ppt/skill.md':136 'skills/html-ppt/templates/full-decks':208 'skills/html-ppt/templates/full-decks/tech-sharing':168 'slide':159,237,374 'source-nexu-io' 'speaker':363 'start':162 'structur':354 'style.css':172 'swap':323 'system':377 'talk':10,32 'tech':4,9,40,62,106,180,347 'tech-shar':61,105 'tech-talk':8 'templat':67,166,191,359 'termin':17 'text':156,371 'theme':311,329,379 'three':204 'token':140,313 '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':179,346 'tpl-tech-shar':178,345 'tree':307 'two':245 'upstream':110,193,294,388 'url':220,296 'use':24,77 'user':57,98,318 'verbatim':297 'via':199,333 'visibl':370 'visual':102,376 'walkthrough':37 'want':99,319 'way':289 'wire':76 'work':304 'yield':281","prices":[{"id":"a55fb494-06e8-4e65-b576-eba9b1e56d55","listingId":"703367b5-4719-43be-82cd-d81b2bbd4447","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.446Z"}],"sources":[{"listingId":"703367b5-4719-43be-82cd-d81b2bbd4447","source":"github","sourceId":"nexu-io/open-design/html-ppt-tech-sharing","sourceUrl":"https://github.com/nexu-io/open-design/tree/main/skills/html-ppt-tech-sharing","isPrimary":false,"firstSeenAt":"2026-05-02T06:52:42.446Z","lastSeenAt":"2026-05-11T06:52:21.456Z"},{"listingId":"703367b5-4719-43be-82cd-d81b2bbd4447","source":"skills_sh","sourceId":"nexu-io/open-design/html-ppt-tech-sharing","sourceUrl":"https://skills.sh/nexu-io/open-design/html-ppt-tech-sharing","isPrimary":true,"firstSeenAt":"2026-05-07T20:43:22.197Z","lastSeenAt":"2026-05-07T22:42:09.038Z"}],"details":{"listingId":"703367b5-4719-43be-82cd-d81b2bbd4447","quickStartSnippet":null,"exampleRequest":null,"exampleResponse":null,"schema":null,"openapiUrl":null,"agentsTxtUrl":null,"citations":[],"useCases":[],"bestFor":[],"notFor":[],"kindDetails":{"org":"nexu-io","slug":"html-ppt-tech-sharing","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":"730b8bed50c484c434701925614b922105899232","skill_md_path":"skills/html-ppt-tech-sharing/SKILL.md","default_branch":"main","skill_tree_url":"https://github.com/nexu-io/open-design/tree/main/skills/html-ppt-tech-sharing"},"layout":"multi","source":"github","category":"open-design","frontmatter":{"name":"html-ppt-tech-sharing","description":"Conference / internal tech-talk deck — GitHub-dark, JetBrains Mono, terminal code blocks, agenda + Q&A pages. Use for engineering presentations, internal sharing sessions, conference talks, and code-heavy walkthroughs."},"skills_sh_url":"https://skills.sh/nexu-io/open-design/html-ppt-tech-sharing"},"updatedAt":"2026-05-11T06:52:21.456Z"}}