Getting it into your agent
One page per mod, every tool's command on it. A separate URL per tool would split the same page into five that compete with each other.
npx skills add phanghonghao/THU-Awesome-Skills --skill html-slidesgit clone --depth 1 https://github.com/phanghonghao/THU-Awesome-SkillsWrote this? Show the measurements
A badge with what this costs and how it scanned, read live from this page, so it follows the numbers instead of freezing them. Markdown for a README, HTML for a documentation site or a project page.
[](https://agentmods.dev/skills/phanghonghao/thu-awesome-skills/html-slides)<a href="https://agentmods.dev/skills/phanghonghao/thu-awesome-skills/html-slides"><img src="https://agentmods.dev/badge/skills/phanghonghao/thu-awesome-skills/html-slides/github.svg" alt="Measured on agentmods" height="20"></a>Or the 80×15 button, for a site that already has a row of RSS and ATOM ones. Only the verdict fits; the numbers stay here.
<a href="https://agentmods.dev/skills/phanghonghao/thu-awesome-skills/html-slides"><img src="https://agentmods.dev/badge/skills/phanghonghao/thu-awesome-skills/html-slides.svg" alt="Reviewed on agentmods" width="80" height="20"></a>What it costs to keep this loaded
Counted locally with the o200k_base tokenizer, which is exact for GPT models; Claude uses its own tokenizer and its counts differ. Treat this as one consistent yardstick across the catalogue rather than a bill. Prices are per million input tokens.
| Model | Per session | Once invoked |
|---|---|---|
| Fable 5.1 | $0.00054 | $0.02457 |
| Opus 5.5 | $0.00022 | $0.00983 |
| Sonnet 5.5 | $0.00011 | $0.00491 |
| Haiku 4.5 | $0.00005 | $0.00246 |
Grade A, and why
html-slides scanned grade A with 0 findings against 26 rules in 11 categories — prompt injection, anti-refusal, data exfiltration, privilege escalation, supply chain, agent snooping, system-prompt leakage, SSRF and excessive agency — measured 2mo ago.
A static scan of the body, not an audit. Every finding is printed with the line that produced it so you can judge whether it matters here. A mod is markdown that instructs an agent; that is exactly why what it instructs is worth reading.
Nothing flagged
None of the 26 patterns this scan looks for appear in this file: no shell pipes, no recursive deletes, no credential paths, no hidden text, no instruction-override or anti-refusal phrasing, no agent-config snooping. That is not a guarantee, it is the absence of the things that are checkable.
How it starts
The opening of the file, as written. The whole thing — 158 lines — stays where its author put it; the contents beside it link to each section on GitHub.
html-slides
将 Markdown 源文件 转为 16:9 HTML 演示文稿,再用浏览器导出 PDF。输出单个自包含 .html + .pdf,采用 Beamer 式简洁排版骨架(标题栏 + 细分隔线 + 圆角块 + 无页脚导航),保留清华紫配色。
流程固定为:.md → .html → .pdf。.md 是唯一源,不可省。
When to Use
User mentions: html-slides, html ppt, HTML 演示文稿, HTML 幻灯片, 生成 PPT, 生成幻灯片, md 转 ppt, markdown 幻灯片, slide, slides, 演示文稿, presentation, 或要把笔记/报告 .md 转成可视化幻灯片。
Core Principles
.md是唯一源,不可省 — 必须先有一个.md(用户提供路径或内容)。无.md则要求用户提供,不要凭空生成。重新运行即反映对.md的编辑。- 排版骨架 = Beamer 式简洁 — 每页由固定要素构成:粗体紫标题栏(左对齐)+ 其下全宽紫色细分隔线 + 圆角浅紫块 + 无页脚无导航 + 大留白。这是向
latex-beamer靠拢的核心。 - 读模板 + 填充生成,不从零手写 HTML — 必须读取
templates/default.template,只替换{{TITLE}}/{{SLIDES}}两个占位符。 - 配色保留清华紫 — 默认
--accent #660874/--accent-strong #9B30FF(分隔线) /--block-bg #F9F5FC。用户可改 accent(「蓝色」/#3366CC等):只改:root里几个 CSS 变量,骨架不动。 - 浅底强制 — 所有页用浅/白底(
#FEFEFF、#F9F5FC),永不深色。 - 16:9 —
.slide固定1280px × 720px。 - 字号下限 ≥ 20px — 标题 28–36px,正文 20–24px,封面标题 56–68px。
- 最多 10 页 — 内容密则多块分栏,不要塞爆。
- 自包含 HTML — CSS/JS 全内联,除 Noto Sans SC 字体 CDN 外无外部依赖。
.md → 幻灯片 映射规则
对齐 latex-beamer 的标题层级语义(#→section、##→frametitle、###→textbf),落到 HTML:
| Markdown | 幻灯片 |
|---|---|
文档首个 # 标题 |
封面页:cover-title + 副标题(标题下首个段落)+ tags/团队 |
## 二级标题 |
一页:frametitle = 该 ## 文本,正文取到下一个 ## 为止 |
### 三级标题 |
当前页内一个圆角块(.block),.block-title = 该 ### 文本 |
---(水平线) |
强制分页(新 .slide) |
**粗体** |
<strong>(紫色强调) |
- 列表 / 1. 有序 |
块内 <ul> / <ol> |
| ` | 表格 |
 |
<img>(split 布局放 .media,否则入块) |
`代码` / 代码块 |
块内 <code> / <pre> |
$…$ 行内公式 |
保留文本(PDF 由浏览器渲染,简单符号 OK;复杂公式建议截图) |
单个
##章节内容过多(超 720px)→ 拆成多页(用---或自然断点),不要缩到看不清。
Layout 原型(均用 Beamer 骨架元素构建)
- Cover —
.slide-cover:浅紫渐变底 + 大标题 + 副标题 + tag 胶囊。 - Standard —
.titlebar > .frametitle+.divider+ 若干.block/.columns。 - Split(图+文)—
.slide-split:左.media(460px 图,object-fit cover)+ 右标题栏+块。 - Step/Grid —
.grid4 列:每个.step .block顶部紫色条,用于时间线/路线图。 - Conclusion — Standard + 底部
.conclude渐变紫横幅。
What ships with it
1 file beside SKILL.md in the same directory: the scripts, references and assets a skill reads on demand. Not counted in the per-session cost; read them before you install if any of them is executable.
What this file has done since we first saw it
Hashed on every crawl. A supply-chain change to an agent config is a question of when, not whether, so the history is kept rather than the latest state alone.
- 2mo ago First seen · 158 lines · 54 tokens per session scan A aa836c3ce505
html-slides is a skill published in the GitHub repository phanghonghao/THU-Awesome-Skills (8 stars, last pushed 3mo ago), licensed MIT. It adds 54 tokens to every session and 2,457 once invoked, about $0.0002 per session on Opus 5.5. A static security scan graded it A with 0 findings. No closer match exists in the catalogue, so it is treated as the original; first seen 2026-08-31.
html-slides compared with skills from other repositories
| Mod | Type | Stars | Last push | Licence | Scan | Tokens | Works with |
|---|---|---|---|---|---|---|---|
| html-slidesphanghonghao/THU-Awesome-Skills | Skill | 8 | 3mo ago | MIT | A | 54 | Claude Code, Codex |
| apify-youtube-transcript-scrapersickn33/agentic-awesome-skills | Skill | 49k | yesterday | MIT | A | 48 | Claude Code |
| foundry-hosted-agent-validationmicrosoft/agent-framework | Skill | 15k | yesterday | MIT | A | 82 | Claude Code, Codex |
| report-to-pdfasgeirtj/system_prompts_leaks | Skill | 71k | yesterday | CC0-1.0 | A | 17 | Claude Code, Codex |
| pdf-extract-create-workflowHKUDS/OpenSpace | Skill | 7.9k | yesterday | MIT | A | 22 | Claude Code, Codex |
| document-direct-pythonHKUDS/OpenSpace | Skill | 7.9k | yesterday | MIT | A | 20 | Claude Code, Codex |
| pdf-verification-cliHKUDS/OpenSpace | Skill | 7.9k | yesterday | MIT | A | 19 | Claude Code, Codex |