{"id":"8f7534f9-464e-474e-85ac-4ec2e61479b0","shortId":"uxu9MF","kind":"skill","title":"html-ppt-hermes-cyber-terminal","tagline":"暗终端 honest-review deck — #0a0c10 黑底 + 56px 赛博网格 + CRT 暗角 + 扫描线、窗口红绿灯 chrome、`$ prompt` 命令行标题、薄荷绿 #7ed3a4 大字、JetBrains Mono、stroke-only 柱状图、blinking 光标、琥珀/绿/红三档 tag、暗色代码块。适合 CLI / agent / dev tool 测评（含 trace、diff、benchmark）。","description":"# HTML PPT · 暗终端测评\n\nA focused entry point into the [`html-ppt`](../html-ppt/SKILL.md) master skill that lands the user directly on the **`hermes-cyber-terminal`** 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 `hermes-cyber-terminal` (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/hermes-cyber-terminal/` — copy `index.html` and\n   `style.css` into the project, keep the `.tpl-hermes-cyber-terminal` 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-hermes-cyber-terminal` 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","hermes","cyber","terminal","open","design","nexu-io","agent-skills","ai-agents","ai-design","byok"],"capabilities":["skill","source-nexu-io","skill-html-ppt-hermes-cyber-terminal","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-hermes-cyber-terminal","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,360 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.749Z","embedding":null,"createdAt":"2026-05-02T06:52:41.977Z","updatedAt":"2026-05-11T06:52:20.749Z","lastSeenAt":"2026-05-11T06:52:20.749Z","tsv":"'/../../assets':213,308 '/html-ppt/references/full-decks.md':127 '/html-ppt/skill.md':61,149 '/lewislulu/html-ppt-skill).':409 '0a0c10':12 '1':137 '2':173 '3':197 '36':341 '4':321 '404':243 '5':351 '56px':14 '6':376 '7ed3a4':24 'accept':98 'activ':248 'agent':41 'animations.css':239 'artifact':314 'asset':278 'assets/animations/animations.css':280 'attribut':389 'author':134,144 'base.css':238 'benchmark':48 'blink':32 'bodi':195 'bring':198 'card':81,102 'catalog':126 'checklist':151 'chrome':20 'class':196,356,369 'cli':40 'come':399 'contain':285,292,299 'content':289,354 'content/audience':150 'copi':181,224,264,267 'crt':16 'css':345,364 'css/js':211 'cyber':5,73,118,193,361 'cycl':350 'dead':253 'deck':11,77,125,136,246 'deep':219 'default':325 'demo':353 'dev':42 'diff':47 'differ':334 'direct':68 'either':301 'entri':54 'exact':111 'exampl':85,93 'feel':335 'file':287,412 'fine':328 'first':142 'focus':53 'folder':179,218 'four':284 'full':76,124 'full-deck':75,123 'galleri':86 'github.com':408 'github.com/lewislulu/html-ppt-skill).':407 'go':379 'herm':4,72,117,192,360 'hermes-cyber-termin':71,116 'honest':9 'honest-review':8 'html':2,49,59 'html-ppt':58 'html-ppt-hermes-cyber-termin':1 'ident':114 'in-tre':318 'index.html':182,207,225,300 'insid':220,380 'jetbrain':26 'keep':188,374,417 'keyboard':159,397 'land':65 'layout':154,392 'let':348 'lewislulu/html-ppt-skill':406 'licens':405,411 'link':208 'live':146 'local':277 'longer':235 'look':327 'master':62,140 'match':177 'mean':244 'mit':404 'mit-licens':403 'mode':157 'model':398 'mono':27 'navig':251 'never':163,247,382 'note':378 'one':255 'parent':231 'parent-rel':230 'per':260 'pick':83,106,254,322 'place':420 'pleas':416 'point':55 'ppt':3,50,60 'prefer':266 'present':156,166 'presenter-on':165 'project':187,228,261,276,313 'project-loc':275 'prompt':21,90,94,100 'put':164 'rational':131 'read':138 'recip':259,262 'recognis':366 'redistribut':422 'relat':232 'replac':352 'resolv':236 'reus':155 'review':10 'rewrit':265,282 'right':105 'rule':145,153,172 'runtim':160,201,396 'runtime.js':241,293 'scope':363 'screenshot':129 'see':120 'self':298 'self-contain':297 'share':200,210 'ship':305,370,413 'singl':296 'sit':216 'skill':63,141 'skill-html-ppt-hermes-cyber-terminal' 'skills/html-ppt/assets/animations/animations.css':270 'skills/html-ppt/assets/base.css':269 'skills/html-ppt/assets/fonts.css':268 'skills/html-ppt/assets/runtime.js':272 'skills/html-ppt/assets/themes':344 'skills/html-ppt/license':415 'skills/html-ppt/skill.md':148 'skills/html-ppt/templates/full-decks':221 'skills/html-ppt/templates/full-decks/hermes-cyber-terminal':180 'slide':171,250,388 'source-nexu-io' 'speaker':377 'start':174 'stroke':29 'stroke-on':28 'structur':368 'style.css':184 'swap':336 'system':391 'tag':37 'templat':78,178,204,373 'termin':6,74,119,194,362 'text':168,385 'theme':324,342,393 'three':217 'token':152,326 'tool':43 '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':191,359 'tpl-hermes-cyber-termin':190,358 'trace':46 'tree':320 'two':258 'upstream':122,206,307,402 'url':233,309 'use':88 'user':67,109,331 'verbatim':310 'via':212,346 'visibl':384 'visual':113,390 'want':110,332 'way':302 'wire':87 'work':317 'yield':294 '光标':33 '含':45 '命令行标题':22 '大字':25 '扫描线':18 '暗终端':7 '暗终端测评':51 '暗色代码块':38 '暗角':17 '柱状图':31 '测评':44 '琥珀':34 '窗口红绿灯':19 '红三档':36 '绿':35 '薄荷绿':23 '赛博网格':15 '适合':39 '黑底':13","prices":[{"id":"f9e1b840-b02a-452e-8a9a-9f2a1609da12","listingId":"8f7534f9-464e-474e-85ac-4ec2e61479b0","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:41.977Z"}],"sources":[{"listingId":"8f7534f9-464e-474e-85ac-4ec2e61479b0","source":"github","sourceId":"nexu-io/open-design/html-ppt-hermes-cyber-terminal","sourceUrl":"https://github.com/nexu-io/open-design/tree/main/skills/html-ppt-hermes-cyber-terminal","isPrimary":false,"firstSeenAt":"2026-05-02T06:52:41.977Z","lastSeenAt":"2026-05-11T06:52:20.749Z"},{"listingId":"8f7534f9-464e-474e-85ac-4ec2e61479b0","source":"skills_sh","sourceId":"nexu-io/open-design/html-ppt-hermes-cyber-terminal","sourceUrl":"https://skills.sh/nexu-io/open-design/html-ppt-hermes-cyber-terminal","isPrimary":true,"firstSeenAt":"2026-05-07T20:43:21.842Z","lastSeenAt":"2026-05-07T22:42:08.254Z"}],"details":{"listingId":"8f7534f9-464e-474e-85ac-4ec2e61479b0","quickStartSnippet":null,"exampleRequest":null,"exampleResponse":null,"schema":null,"openapiUrl":null,"agentsTxtUrl":null,"citations":[],"useCases":[],"bestFor":[],"notFor":[],"kindDetails":{"org":"nexu-io","slug":"html-ppt-hermes-cyber-terminal","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":"082916f4acd97d6fa6dbee6c692e605cf5696ff5","skill_md_path":"skills/html-ppt-hermes-cyber-terminal/SKILL.md","default_branch":"main","skill_tree_url":"https://github.com/nexu-io/open-design/tree/main/skills/html-ppt-hermes-cyber-terminal"},"layout":"multi","source":"github","category":"open-design","frontmatter":{"name":"html-ppt-hermes-cyber-terminal","description":"暗终端 honest-review deck — #0a0c10 黑底 + 56px 赛博网格 + CRT 暗角 + 扫描线、窗口红绿灯 chrome、`$ prompt` 命令行标题、薄荷绿 #7ed3a4 大字、JetBrains Mono、stroke-only 柱状图、blinking 光标、琥珀/绿/红三档 tag、暗色代码块。适合 CLI / agent / dev tool 测评（含 trace、diff、benchmark）。"},"skills_sh_url":"https://skills.sh/nexu-io/open-design/html-ppt-hermes-cyber-terminal"},"updatedAt":"2026-05-11T06:52:20.749Z"}}