Agent skill · aktsmm
single-html-forge
Generate a single self-contained HTML file — a horizontal slide deck, a vertical-scroll explainer document, or a fixed-canvas summary image — with zero external runtime dependencies, then verify it mechanically. Use when the user asks for HTMLスライド, 単一HTMLスライド, single-file HTML presentation, ブラウザーで開く説明資料, HTML 説明資料, HTMLサマリ画像, or self-contained HTML, or wants to hand someone a deck or explainer that opens anywhere without PowerPoint. Also use to embed images into such a file or to re-check an existing one. Does not output PPTX.
What it needs
About 5k tokens when loaded.
What this skill does
Single HTML Forge One HTML file. No CDN, no build step, no external fetch at runtime. Opens the same on any machine and survives being emailed. When to Use "HTMLスライドを作って" / "単一HTMLで資料にして" / "ブラウザーで開ける説明資料にして" / "サマリ画像を1枚" Handing a deck or explainer to someone who should not need PowerPoint Embedding images into a self-contained HTML artifact Re-verifying or editing an artifact this skill produced Not for: PPTX output (this skill does not produce it), editable diagram source files, or anything needing a live server. Archetype Routing Ask which one unless the request already says. Load only that archetype's reference. Archetype Shape Use for Reference --------- ------------------------------------------------ --------------------------------- ----------------------------------------------------- deck 16:9 slides, keyboard nav, presenter overlay talks, walkthroughs archetype-deck.md doc vertical scroll, sidebar nav, numbered citations explainers, comparisons, handouts archetype-doc.md poster one fixed canvas, exported as PNG summary images, social cards archetype-poster.md deck also has an outline layout: a slide list on the left, the stage on the right, collapsed with O when projecting. Start from deck-outline-skeleton.html when the deck will be read or reviewed rather than presented; preserve chapter groups when reviewing a multi-section source (see the deck reference). Intake 1. Archetype (above). 2. Topic, audience, what they should be able to do or decide afterwards, and roughly how much content. 3. Colour direction — propose two or three, or derive one from the topic. See design-tokens.md. 4. Images? If any is a screenshot or of unknown provenance, ask the sanitization question in Hard Constraints before embedding. 5. Which export, if any: PDF, PNG, or per-slide PNG. Produce only what was asked for. Hard Constraints These gate the output. They are here, not in a reference, because a reference may never be read. No artifact-specific JavaScript or CSS. …
How to use it
Reference it in AdaL, Claude Code, Cursor or any coding agent — nothing to install:
@skills aktsmm/single-html-forge