html-showcase

html-showcase is a skill for Claude Code, Codex from kkunkunya/ppt-maker-agent-plugin. It costs 101 tokens per session (595 once invoked), scanned A, original, MIT.

A way to build presentation slides as a browser-based HTML experience for talks, recordings, live displays, or visual storytelling where PowerPoint editing is not required.

In plain words
What is it for?
It plans and creates one-off HTML presentations with a visual flow such as an opening hook, context, main points, contrast, and takeaway.
Why use it?
It suits presentations that depend on browser rendering, motion, keyboard navigation, or interactive screen content instead of editable slides.

Skill for Claude CodeCodex

Part of the ppt-maker plugin — 6 skills shipped together

Install

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.

agentmods
npx agentmods add skills/kkunkunya/ppt-maker-agent-plugin/html-showcase
Any agent
npx skills add kkunkunya/ppt-maker-agent-plugin --skill html-showcase
Clone the repo
git clone --depth 1 https://github.com/kkunkunya/ppt-maker-agent-plugin

Made for: Claude Code, Codex.

Or install ppt-maker, the plugin that ships this one along with the rest of its 6 skills.

Wrote 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.

agentmods badge for html-showcase

README.md
[![agentmods](https://agentmods.dev/badge/skills/kkunkunya/ppt-maker-agent-plugin/html-showcase.svg)](https://agentmods.dev/skills/kkunkunya/ppt-maker-agent-plugin/html-showcase)
Your own site
<a href="https://agentmods.dev/skills/kkunkunya/ppt-maker-agent-plugin/html-showcase"><img src="https://agentmods.dev/badge/skills/kkunkunya/ppt-maker-agent-plugin/html-showcase.svg" alt="Measured on agentmods" height="20"></a>
Per session 101 Skills are progressive disclosure: only the name and description are preloaded; the body loads when the skill is used.
When invoked 595 The whole file, excluding the scripts and references it only reads on demand.
Security scan A 0 findings. Scan, not verified.
Origin original No closer match found in the catalogue.
Token cost

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.

ModelPer sessionOnce invoked
Fable 5 $0.00101 $0.00595
Opus 5 $0.00051 $0.00298
Sonnet 5 $0.00020 $0.00119
Haiku 4.5 $0.00010 $0.00060

Measured 3d ago against content hash cfc8782ea7ac, method: parsed. Prices are Anthropic first-party input rates as of 2026-08-30, from the pricing page.

Security

Grade A, and why

html-showcase 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 3d 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.

plugins/ppt-maker/skills/html-showcase/SKILL.md · 62 lines

How it starts

The opening of the file, as written. The whole thing — 62 lines — stays where its author put it; the contents beside it link to each section on GitHub.

HTML Showcase

Use this skill when the deck is primarily a screen experience: live talk, recording, video insertion, interactive browser slides, or a high-visual one-off presentation where editability is not required.

Method Call

/html-showcase(source_material, audience, duration, visual_style?) -> HTML deck plan + asset plan + verification plan

Fit Check

Use HTML showcase when:

  • The user says HTML is acceptable or editability is not required.
  • Motion, browser rendering, keyboard navigation, or recording matters.
  • The deck is for a talk, demo day, private sharing, product narrative, or video chapter.

Do not use it when:

  • The user needs .pptx with editable objects.
  • A fixed school/company template must be preserved.
  • The output will be revised by nontechnical PowerPoint users.

Workflow

  1. Route through ppt-maker:ppt-route if editability is unclear.
  2. Confirm audience, duration, material source, image availability, and hard constraints.
  3. Plan a slide rhythm before writing any page:
    • hook
    • context
    • core points
    • contrast or shift
    • takeaway
  4. Choose implementation family:
    • guizang-style single HTML for electronic magazine presentation.
    • Slidev/reveal-style for Markdown-driven technical talks.
    • static HTML screenshots for video frame pipelines.
  5. Plan assets with ppt-maker:image-assets if covers, diagrams, or explainer images are needed.
  6. Verify with ppt-maker:deck-verification using browser screenshots or rendered PDF/PNG.

Handoff Contract

When finishing a plan or implementation, state:

  • artifact type: HTML / PDF / screenshots / video frames
  • editability: not editable in PowerPoint
  • source folder
  • preview command or file path
  • screenshot/render evidence

本 skill 的 deletion-spec

  • 触发删除条件:When HTML deck creation is fully handled by a more specific frontend or presentation plugin with equivalent PPT routing safeguards, this skill can be removed.
  • 禁用方式:Remove plugins/ppt-maker/skills/html-showcase/, bump plugin version, regenerate marketplace files.
  • 卸载清单:Update ppt-route routing table, README.md, and any references to html-showcase-mode.

Read the full file on GitHub · 62 lines

Files

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.

Changes

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.

  1. 3d ago First seen · 62 lines · 101 tokens per session scan A cfc8782ea7ac

Subscribe to this mod's changes

html-showcase is a skill published in the GitHub repository kkunkunya/ppt-maker-agent-plugin (2 stars, last pushed 3mo ago), licensed MIT. It adds 101 tokens to every session and 595 once invoked, about $0.0005 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-31.

Related

Other skills, from other repositories

xiaobei-skill-academic-paper-to-ppt

Use for 小北在读研 / XiaoBei academic paper-to-PPT workflows: generate thesis-defense or project-report decks from uploaded papers, literature, reports, technical documents, and optional PPTX visual templates. Produces a source-grounded outline, an imagegen visual scheme, one complete bitmap per slide, an imagegen…

xiao24bei/xiaobei-skill · 101 tokens

ppt-image-first

Build presentation plans for PPT / slides / decks through a conversation-first workflow, then propose multiple visual directions with preview images before writing deck specs. Use when the user asks to create a PPT, presentation, deck, 答辩稿, 路演 deck, 产品介绍 PPT, 汇报 PPT, or when the user has only a topic or rough…

NyxTides/ppt-image-first · 91 tokens

ppt-agent

专业 PPT 演示文稿全流程 AI 生成助手。模拟顶级 PPT 设计公司的完整工作流(需求调研到资料搜集到大纲策划到策划稿到设计稿),输出高质量 HTML 格式演示文稿。当用户提到制作 PPT、做演示文稿、做 slides、做幻灯片、做汇报材料、做培训课件、做路演 deck、做产品介绍页面时触发此技能。即使用户只说"帮我做个关于 X 的介绍"或"我要给老板汇报 Y",只要暗示需要结构化的多页演示内容,都应该触发。也适用于用户说"帮我把这篇文档做成 PPT"、"把这个主题做成演示"等需要将内容转化为演示格式的场景。英文场景同样适用:"make a presentation about..."、"create slides…

sunbigfly/ppt-agent-skills · 303 tokens

2slides-ppt-generator

AI-powered presentation generation via the 2slides API — create slides from text, match a reference image style, summarize documents into decks, add AI voice narration, and export pages/audio. Use for any "make slides", "create a deck", or "slides from this document" request.

sickn33/agentic-awesome-skills · 64 tokens

ppt-master

AI-driven presentation workflow for generating editable PPTX decks and slides, reconstructing page visuals, creating reusable Brand/Style/Layout/Deck workspaces, filling native PPTX templates, and enhancing finished PPTX files. Use when the user asks to create, generate, reconstruct, regenerate, beautify, redesign…

hugohe3/ppt-master · 108 tokens

card-theater

生成侧边栏叙事 + 3D 卡片轮播的演示动画 HTML 页面。支持滚动翻页、Coverflow 3D、Focus 展开等多种交互模式,内置模式切换(如传输/隧道)、荧光笔高亮、水印图标等效果。适合协议流程演示、产品特性展示、分步讲解场景。.

Unclecheng-li/AI_Animation · 94 tokens