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 chengkj99/kj-skills --skill web-slidegit clone --depth 1 https://github.com/chengkj99/kj-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/chengkj99/kj-skills/web-slide)<a href="https://agentmods.dev/skills/chengkj99/kj-skills/web-slide"><img src="https://agentmods.dev/badge/skills/chengkj99/kj-skills/web-slide/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/chengkj99/kj-skills/web-slide"><img src="https://agentmods.dev/badge/skills/chengkj99/kj-skills/web-slide.svg" alt="Reviewed on agentmods" width="80" height="20"></a>- NVIDIA SkillSpector pass
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.00148 | $0.01881 |
| Opus 5 | $0.00074 | $0.00941 |
| Sonnet 5 | $0.00030 | $0.00376 |
| Haiku 4.5 | $0.00015 | $0.00188 |
Grade A, and why
web-slide 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 11d 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 — 153 lines — stays where its author put it; the contents beside it link to each section on GitHub.
web-slide · 网页演讲稿生成
概述
将用户的演讲主题/大纲生成为完整的单文件 HTML 演讲稿。 所有交互能力（翻页、备注、代码高亮、流程图、PDF 导出）自动继承自框架，用户只需关注内容。
框架源文件：skill 内置 assets/skills-deck.html（随 skill 分发，自包含，无需依赖外部项目）
输入收集
启动后先确认以下信息（用户已提供的直接使用，未提供的询问）：
| 字段 | 说明 | 默认值 |
|---|---|---|
| 主题 | 演讲标题 | 必填 |
| 受众 | 听众背景 | 技术团队 |
| 幻灯片数 | 总页数估算 | 15 张 |
| 大纲 | 章节/要点列表 | 必填（可与主题合并描述） |
| 讲者姓名 | 封面署名 | 用户名 |
| 讲者身份 | 封面副标题 | 可选 |
| 输出文件名 | 生成的 HTML 文件名 | [主题英文短名].html |
| 输出目录 | 写入位置 | 当前目录 |
工作流程
Step 1：读取框架
框架源文件 assets/skills-deck.html（skill 内置）分三段，只使用前段和后段：
| 段 | 行号 | 内容 | 操作 |
|---|---|---|---|
| 前段 | 1–4936 | head / 全部 CSS / body 开头 / <div id="deck"> 容器 / 品牌 logo 块 |
完整读取 |
| 原内容 | 4937–7521 | 框架自带的演示幻灯片（<section class="slide">） |
跳过，不使用 |
| 后段 | 7522–8657 | </div>(关闭 #deck) / 导航栏 / 进度条 / 备注面板 / 索引 / Prism · jsPDF · html2canvas / 主脚本 / 关闭标签 |
完整读取 |
用 Read 工具读取 skill 内置 assets/skills-deck.html：
offset=0, limit=4936 → 存为 PRE_CONTENT
offset=7521, limit=1136 → 存为 POST_CONTENT
提示：边界以「第一张
<section class="slide">之前」和「最后一张</section>之后的</div><!-- /#deck -->」为准。若日后框架行数变化，按此规则重新定位即可。
后段包含 PDF 导出按钮和全部交互 JS，生成文件必须包含它，否则翻页/PDF/备注全部失效。
Step 2：读取幻灯片模板
读取 slide-patterns.md（与本 SKILL.md 同目录）
这是所有幻灯片的 HTML 模板库，包含封面、章节幕、内容、代码、流程图、对比、结束、金句等 8 种模式，后续生成时按模式填充。
Step 3：规划幻灯片结构
根据用户大纲，确定幻灯片列表：
封面（cover）× 1
讲者介绍（可选）× 1
章节幕（chapter）× N（按大纲章节数）
内容页（content / code / mermaid / compare / quote）× M（每章 2–4 页）
结束页（end）× 1
每张幻灯片确定：
id：s01、s02… 顺序递增type：封面选哪种、内容选哪种title/core/points：内容摘要notes：演讲者口播（自然语言，100–300 字）
Step 4：生成幻灯片 HTML
按 slide-patterns.md 中的模式逐页生成 <section> 块：
- 每页
id唯一，从s01顺序递增 data-notes写入口播内容（单行，引号用"转义）- 内容密度：要点 ≤ 5 条，每条 ≤ 20 字，核心句 ≤ 30 字
- 代码页用 Prism，流程图用 Mermaid（见 slide-patterns.md）
- 章节幕不加
.slide-core，只用.ch-layout - 封面无图时使用 slide-patterns.md 的「无封面图版」（含装饰右半区）
Step 5：组装输出文件
PRE_CONTENT（前段，行 1–4812）
└─ 替换 <title>…</title> → <title>演讲标题 · 讲者姓名</title>
+ 生成的 <section> 块（所有幻灯片）
+ POST_CONTENT（后段，行 7334–8468）
└─ 替换 pdf.save('skills-deck.pdf') → pdf.save('演讲主题slug.pdf')
What ships with it
4 files 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.
- 11d ago First seen · 153 lines · 148 tokens per session scan A b180c666fc13
web-slide is a skill published in the GitHub repository chengkj99/kj-skills (14 stars, last pushed 10d ago), licensed MIT. It adds 148 tokens to every session and 1,881 once invoked, about $0.0007 per session on Opus 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-30.
Other skills, from other repositories
webgl-holographic-foil
A self-contained WebGL2 hero: thin-film interference over a crushed-foil surface whose palette shifts with the viewing angle; move the cursor to tilt the film.
general-video
Author or edit a custom HyperFrames composition when no specialized workflow fits, or when BRIEF.md sets flow: companion. Use for longer or multi-scene pieces, brand and sizzle reels, montages, static loops, static title cards, footage remixes, and freeform builds. Use motion-graphics instead for a short unnarrated…
html-ppt-hermes-cyber-terminal
OpenDesign + BYOK: choosing and wiring your own model, hands-on — cost, quality, and the routing decision. Built as a decision-grade AI literacy deck for engineers, IT, applied-AI teams.
html-ppt-taste-brutalist
16:9 HTML deck in tactical-telemetry / CRT-terminal taste. Deactivated-CRT charcoal slides, white-phosphor monospace, hazard-red accent, scanline overlay, ASCII syntax, density over decoration. Distilled from Leonxlnx/taste-skill brutalist-skill (Tactical Telemetry mode).
chengfeng-check-updates
An environment manager for a video-editing system. It checks whether its skills and runtime—the software needed to run them—are installed and compatible.
diagnostic-stem-delivery
Audio production with diagnostic analysis, timecode parsing from documents, and verified export workflow.