Skills for Real Engineers. Straight from my .agents directory.
html-ppt-presenter-mode
Agent skill fromnexu-io/open-design
OpenDesign live demo: from a one-line prompt to runnable design in a single session — the flow, live. Built as a decision-grade AI literacy deck for developers, prospects, community.
How to install html-ppt-presenter-mode
npx skills add nexu-io/open-design# or add only this skill to Claude Code: copy the folder
design-templates/html-ppt-presenter-mode-reveal/
# into
~/.claude/skills/html-ppt-presenter-mode-reveal/ (all projects)
.claude/skills/html-ppt-presenter-mode-reveal/ (one project)
1# HTML PPT · Presenter Mode (演讲者模式)23A focused entry point into the [`html-ppt`](../html-ppt/SKILL.md) master skill that lands the user directly on the **`presenter-mode-reveal`** full-deck template.45## When this card is picked67The 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 `presenter-mode-reveal` (see the upstream [full-decks catalog](../html-ppt/references/full-decks.md) for screenshots and rationale).89## How to author the deck10111. **Read the master skill first.** All authoring rules live in12 [`design-templates/html-ppt/SKILL.md`](../html-ppt/SKILL.md) — content/audience checklist,13 token rules, layout reuse, presenter mode, the keyboard runtime, and the14 "never put presenter-only text on the slide" rule.152. **Start from the matching template folder:**16 `design-templates/html-ppt/templates/full-decks/presenter-mode-reveal/` — copy `index.html` and17 `style.css` into the project, keep the `.tpl-presenter-mode-reveal` body class.183. **Bring the shared runtime with the template.** The upstream19 `index.html` links the shared CSS/JS via `../../../assets/...` because it20 sits three folders deep inside `design-templates/html-ppt/templates/full-decks/`.21 Once you copy `index.html` into the project, those parent-relative URLs22 no longer resolve and `base.css`, `animations.css`, and `runtime.js`23…
Excerpt shown under the repository's Apache-2.0 license.
More skills in open-design
Similar skill repositories
An agentic skills framework & software development methodology that works.
A single CLAUDE.md file to improve Claude Code behavior, derived from Andrej Karpathy's observations on LLM coding pitfalls.
Public repository for Agent Skills
An AI skill that provides design intelligence for building professional UI/UX across multiple platforms.
Persistent Context Across Sessions for Every Agent – Captures everything your agent does during sessions, compresses it with AI, and injects relevant context back into future sessions. Works with Claude Code, OpenClaw, Codex, Gemini, Hermes, Copilot, OpenCode + More
