{"id":"7fec7382-183d-4c53-90ce-97c19f1052e1","shortId":"aNavGm","kind":"skill","title":"html-ppt-weekly-report","tagline":"Team weekly / status-update deck — corporate clarity, 8-cell KPI grid, shipped list, 8-week bar chart, next-week table. Use for 周报, business reviews, team status updates, and exec dashboards.","description":"# HTML PPT · Weekly Report\n\nA focused entry point into the [`html-ppt`](../html-ppt/SKILL.md) master skill that lands the user directly on the **`weekly-report`** 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 `weekly-report` (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/weekly-report/` — copy `index.html` and\n   `style.css` into the project, keep the `.tpl-weekly-report` 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-weekly-report` 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","weekly","report","open","design","nexu-io","agent-skills","ai-agents","ai-design","byok","claude"],"capabilities":["skill","source-nexu-io","skill-html-ppt-weekly-report","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-weekly-report","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,328 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.618Z","embedding":null,"createdAt":"2026-05-02T06:52:42.603Z","updatedAt":"2026-05-11T06:52:21.618Z","lastSeenAt":"2026-05-11T06:52:21.618Z","tsv":"'/../../assets':201,296 '/html-ppt/references/full-decks.md':116 '/html-ppt/skill.md':52,138 '/lewislulu/html-ppt-skill).':396 '1':126 '2':162 '3':185 '36':329 '4':309 '404':231 '5':339 '6':363 '8':14,20 'accept':88 'activ':236 'animations.css':227 'artifact':302 'asset':266 'assets/animations/animations.css':268 'attribut':376 'author':123,133 'bar':22 'base.css':226 'bodi':183 'bring':186 'busi':31 'card':71,92 'catalog':115 'cell':15 'chart':23 'checklist':140 'clariti':13 'class':184,344,356 'come':386 'contain':273,280,287 'content':277,342 'content/audience':139 'copi':170,212,252,255 'corpor':12 'css':333,351 'css/js':199 'cycl':338 'dashboard':38 'dead':241 'deck':11,67,114,125,234 'deep':207 'default':313 'demo':341 'differ':322 'direct':59 'either':289 'entri':45 'exact':101 'exampl':75,83 'exec':37 'feel':323 'file':275,399 'fine':316 'first':131 'focus':44 'folder':168,206 'four':272 'full':66,113 'full-deck':65,112 'galleri':76 'github.com':395 'github.com/lewislulu/html-ppt-skill).':394 'go':366 'grid':17 'html':2,39,50 'html-ppt':49 'html-ppt-weekly-report':1 'ident':104 'in-tre':306 'index.html':171,195,213,288 'insid':208,367 'keep':177,361,404 'keyboard':148,384 'kpi':16 'land':56 'layout':143,379 'let':336 'lewislulu/html-ppt-skill':393 'licens':392,398 'link':196 'list':19 'live':135 'local':265 'longer':223 'look':315 'master':53,129 'match':166 'mean':232 'mit':391 'mit-licens':390 'mode':146 'model':385 'navig':239 'never':152,235,369 'next':25 'next-week':24 'note':365 'one':243 'parent':219 'parent-rel':218 'per':248 'pick':73,96,242,310 'place':407 'pleas':403 'point':46 'ppt':3,40,51 'prefer':254 'present':145,155 'presenter-on':154 'project':176,216,249,264,301 'project-loc':263 'prompt':80,84,90 'put':153 'rational':120 'read':127 'recip':247,250 'recognis':353 'redistribut':409 'relat':220 'replac':340 'report':5,42,64,108,182,349 'resolv':224 'reus':144 'review':32 'rewrit':253,270 'right':95 'rule':134,142,161 'runtim':149,189,383 'runtime.js':229,281 'scope':350 'screenshot':118 'see':109 'self':286 'self-contain':285 'share':188,198 'ship':18,293,357,400 'singl':284 'sit':204 'skill':54,130 'skill-html-ppt-weekly-report' 'skills/html-ppt/assets/animations/animations.css':258 'skills/html-ppt/assets/base.css':257 'skills/html-ppt/assets/fonts.css':256 'skills/html-ppt/assets/runtime.js':260 'skills/html-ppt/assets/themes':332 'skills/html-ppt/license':402 'skills/html-ppt/skill.md':137 'skills/html-ppt/templates/full-decks':209 'skills/html-ppt/templates/full-decks/weekly-report':169 'slide':160,238,375 'source-nexu-io' 'speaker':364 'start':163 'status':9,34 'status-upd':8 'structur':355 'style.css':173 'swap':324 'system':378 'tabl':27 'team':6,33 'templat':68,167,192,360 'text':157,372 'theme':312,330,380 'three':205 'token':141,314 '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':180,347 'tpl-weekly-report':179,346 'tree':308 'two':246 'updat':10,35 'upstream':111,194,295,389 'url':221,297 'use':28,78 'user':58,99,319 'verbatim':298 'via':200,334 'visibl':371 'visual':103,377 'want':100,320 'way':290 'week':4,7,21,26,41,63,107,181,348 'weekly-report':62,106 'wire':77 'work':305 'yield':282 '周报':30","prices":[{"id":"d10cb331-d08b-4c64-88a4-3f453d15ae9d","listingId":"7fec7382-183d-4c53-90ce-97c19f1052e1","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.603Z"}],"sources":[{"listingId":"7fec7382-183d-4c53-90ce-97c19f1052e1","source":"github","sourceId":"nexu-io/open-design/html-ppt-weekly-report","sourceUrl":"https://github.com/nexu-io/open-design/tree/main/skills/html-ppt-weekly-report","isPrimary":false,"firstSeenAt":"2026-05-02T06:52:42.603Z","lastSeenAt":"2026-05-11T06:52:21.618Z"},{"listingId":"7fec7382-183d-4c53-90ce-97c19f1052e1","source":"skills_sh","sourceId":"nexu-io/open-design/html-ppt-weekly-report","sourceUrl":"https://skills.sh/nexu-io/open-design/html-ppt-weekly-report","isPrimary":true,"firstSeenAt":"2026-05-07T20:43:21.101Z","lastSeenAt":"2026-05-07T22:42:08.480Z"}],"details":{"listingId":"7fec7382-183d-4c53-90ce-97c19f1052e1","quickStartSnippet":null,"exampleRequest":null,"exampleResponse":null,"schema":null,"openapiUrl":null,"agentsTxtUrl":null,"citations":[],"useCases":[],"bestFor":[],"notFor":[],"kindDetails":{"org":"nexu-io","slug":"html-ppt-weekly-report","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":"d99571b476b374b630987bb1061155d9bb1a42cc","skill_md_path":"skills/html-ppt-weekly-report/SKILL.md","default_branch":"main","skill_tree_url":"https://github.com/nexu-io/open-design/tree/main/skills/html-ppt-weekly-report"},"layout":"multi","source":"github","category":"open-design","frontmatter":{"name":"html-ppt-weekly-report","description":"Team weekly / status-update deck — corporate clarity, 8-cell KPI grid, shipped list, 8-week bar chart, next-week table. Use for 周报, business reviews, team status updates, and exec dashboards."},"skills_sh_url":"https://skills.sh/nexu-io/open-design/html-ppt-weekly-report"},"updatedAt":"2026-05-11T06:52:21.618Z"}}