html-ppt-graphify-dark-graph

1# HTML PPT · 暗底知识图谱
2 
3A focused entry point into the [`html-ppt`](../html-ppt/SKILL.md) master skill that lands the user directly on the **`graphify-dark-graph`** full-deck template.
4 
5## When this card is picked
6 
7The 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 `graphify-dark-graph` (see the upstream [full-decks catalog](../html-ppt/references/full-decks.md) for screenshots and rationale).
8 
9## How to author the deck
10 
111. **Read the master skill first.** All authoring rules live in
12   [`design-templates/html-ppt/SKILL.md`](../html-ppt/SKILL.md) — content/audience checklist,
13   token rules, layout reuse, presenter mode, the keyboard runtime, and the
14   "never put presenter-only text on the slide" rule.
152. **Start from the matching template folder:**
16   `design-templates/html-ppt/templates/full-decks/graphify-dark-graph/` — copy `index.html` and
17   `style.css` into the project, keep the `.tpl-graphify-dark-graph` body class.
183. **Bring the shared runtime with the template.** The upstream
19   `index.html` links the shared CSS/JS via `../../../assets/...` because it
20   sits three folders deep inside `design-templates/html-ppt/templates/full-decks/`.
21   Once you copy `index.html` into the project, those parent-relative URLs
22   no longer resolve and `base.css`, `animations.css`, and `runtime.js`
23…