html-deck

html-deck is a skill for Claude Code, Codex from event4u-app/agent-config. It costs 46 tokens per session (1,897 once invoked), scanned A, original, MIT.

A way to build a slide presentation as one HTML file on a fixed 16:9 canvas that adapts to different screens by adding space around the slides.

In plain words
What is it for?
Use it to create web-based decks, pitches, and presentations, including an outline and speaker notes for each slide.
Why use it?
It gives presentations a consistent layout and makes the slide structure, labels, notes, and source handoff explicit.

Skill for Claude CodeCodex

Written for no agent in particular: nothing here depends on one.

Needs its repository: it reads a path above its own folder, which exists only inside the repository. The line is [`surface-agent-contracts`](../../../docs/contracts/surface-agent-contracts.md#cross-surface-handoff-envelope):.

Good fit Use it to create web-based decks, pitches, and presentations, including an outline and speaker notes for each slide.

Compare 6 skills from other repositories ↓
Install

Getting it into your agent

It runs from inside its repository, so the clone comes first — what it calls does not travel with the file alone.

Clone the repo
git clone --depth 1 https://github.com/event4u-app/agent-config
agentmods
npx agentmods add skills/event4u-app/agent-config/html-deck

Made for: Claude Code, Codex.

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-deck

README.md
[![agentmods](https://agentmods.dev/badge/skills/event4u-app/agent-config/html-deck/github.svg)](https://agentmods.dev/skills/event4u-app/agent-config/html-deck)
Your own site
<a href="https://agentmods.dev/skills/event4u-app/agent-config/html-deck"><img src="https://agentmods.dev/badge/skills/event4u-app/agent-config/html-deck/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.

agentmods 80×15 button for html-deck

Your own site · 80×15
<a href="https://agentmods.dev/skills/event4u-app/agent-config/html-deck"><img src="https://agentmods.dev/badge/skills/event4u-app/agent-config/html-deck.svg" alt="Reviewed on agentmods" width="80" height="20"></a>
Per session 46 Skills are progressive disclosure: only the name and description are preloaded; the body loads when the skill is used.
When invoked 1,897 The whole file, excluding the scripts and references it only reads on demand.
Security scan A 0 findings. A grade says what 26 rules found in the file — not that it is safe.
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.1 $0.00046 $0.01897
Opus 5 $0.00023 $0.00949
Sonnet 5 $0.00009 $0.00379
Haiku 4.5 $0.00005 $0.00190

Measured 9d ago against content hash 8f086e32e045, method: parsed. Prices are Anthropic first-party input rates as of 2026-09-12, from the pricing page.

Security

Grade A, and why

html-deck 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 9d 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.

src/skills/html-deck/SKILL.md · 154 lines

How it starts

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

HTML Deck

Build a slide presentation as a single HTML file with fixed-size slides that letterbox to any viewport. A deck is fixed-canvas media (default 1920×1080, 16:9) — a different medium from responsive UI and from static posters.

When to use

Cross-surface handoff. A deck often consumes upstream analysis (spreadsheet → deck, research → deck). Read the handoff envelope from surface-agent-contracts: trust verification_already_done (don't recompute the source's numbers), carry the asset list, and keep source restrictions intact.

  • The user asks for a deck, presentation, slides, or a pitch as a web/HTML deliverable.

When NOT to use: static single-image visual art (poster, PNG/PDF one-off) → canvas-design. Responsive product UI → fe-design + stack executor. Multiple styled options of one screen → design-variations.

Deck fidelity floor

The deck surface's floor (per surface-agent-contracts):

  • Outline before slides. Draft the slide outline (title + one-line intent per slide) before building any slide; when audience or tone is ambiguous, ask once. (fixture: ssac-deck-missing-notes.)
  • Labels + speaker notes. Every slide carries a stable label and speaker notes, not just on-slide text.
  • Visual rhythm + readable scale. Consistent spacing/hierarchy across slides; never sub-readable text (the type floors below). (fixture: ssac-tiny-slide-text.)
  • Image/asset provenance. Real assets via the project path, no invented brand evidence (design-fidelity § Asset & imagery discipline).
  • Export verification. Verify the deck exports/renders (design-artifact-verification); on a host without export capability, say what could not be verified rather than claiming a clean export.

Read the full file on GitHub · 154 lines

Files

What ships with it

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

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. 9d ago First seen · 154 lines · 46 tokens per session scan A 8f086e32e045

Subscribe to this mod's changes

html-deck is a skill published in the GitHub repository event4u-app/agent-config (10 stars, last pushed today), licensed MIT. It adds 46 tokens to every session and 1,897 once invoked, about $0.0002 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-09-03.

Related

Other skills, from other repositories

save-progress

Save current project task progress to local task state file for cross-session continuity. Use when the user asks to save progress, uses an equivalent localized trigger phrase, the session is interrupted, or the user wants to resume work later. Writes to .claude/project-task-state.json so next session can load it via…

KimYx0207/Meta_Kim · 65 tokens

meta-theory

MetaKim executable governance dispatcher. It classifies the run, loads only needed references, preserves foundational capabilities and runtime-native abilities, routes owner + weapon + dependency + runtime + OS + verification, and closes only with evidence, intent acceptance, and writeback decision.

KimYx0207/Meta_Kim · 57 tokens

same-set-reusable-flow-for-project-file-inventor

Reusable MetaKim file inventory classification flow. It helps separate durable sources, generated evidence, runtime mirrors, temporary state, and risky unknowns before cleanup or commit.

KimYx0207/Meta_Kim · 45 tokens

starreel-drama-production

Operating skill for any AI agent driving the StarReel short-drama production pipeline (script → rewrite → extract → portraits + sheets → storyboards → frames → video → voiceover → final cut) over MCP or REST. Covers the ordered workflow, the entry-point decision table (which channel each kind of customer material…

waydaxp/starreel-mcp · 102 tokens

seedance-20

Generate and direct cinematic AI videos with Seedance 2.0 (ByteDance/Dreamina/Jimeng). Covers text-to-video, image-to-video, video-to-video, and reference-to-video workflows with @Tag asset references, multi-character scenes, audio design, and post-processing. Use when making AI video, writing Seedance prompts…

Kingdaddy007/my-os · 96 tokens

monorepo-management

Master monorepo management with Turborepo, Nx, and pnpm workspaces to build efficient, scalable multi-package repositories with optimized builds and dependency management. Use when setting up monorepos, optimizing builds, or managing shared dependencies.

wshobson/agents · 54 tokens