html-docs

A skill for turning source material such as code, websites, PDFs, or research into HTML explanations, narrated videos, or learning courses. It also describes how to validate, publish, and share those results.

In plain words
What is it for?
Use it to create responsive HTML documents, captioned explainer videos, combined document-and-video pages, or courses with lessons, checks, and progress.
Why use it?
It gives a repeatable way to turn complex source material into a readable reference or teaching resource. The format can match whether the main need is scanning, narration, or structured learning.

Skill for Claude CodeCodex

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/raunaqbn/html-docs-skill/html-docs
Any agent
npx skills add raunaqbn/html-docs-skill --skill html-docs
Clone the repo
git clone --depth 1 https://github.com/raunaqbn/html-docs-skill

Made for: Claude Code, Codex.

Per session 107 Skills are progressive disclosure: only the name and description are preloaded; the body loads when the skill is used.
When invoked 2,325 The whole file, excluding the scripts and references it only reads on demand.
Security scan A 1 finding. 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.00107 $0.02325
Opus 5 $0.00053 $0.01162
Sonnet 5 $0.00021 $0.00465
Haiku 4.5 $0.00011 $0.00232

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

Security

Grade A, and why

html-docs scanned grade A with 1 finding 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 2d ago.

The scan reads SKILL.md. This mod also ships 2 executable files (scripts/publish.sh, scripts/video.sh), listed below but not scanned — reading those needs a real analyzer, not pattern matching.

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.

Makes network callslowCapability

Not a fault in itself. Listed so you know the mod talks to something, and to what.

- Anonymous documents can be published with `curl` or the CLI.
html-docs/SKILL.md · 248 lines

How it starts

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

HTML Docs

Create the clearest useful explanation of the user’s source. Use the active Codex or Claude session to research, write, design, and author the artifacts. Use the local CLI only to normalize sources, compile, validate, render, synchronize, and publish. Never invoke a hidden authoring model.

Choose the output

Resolve an explicit user request first. Otherwise use auto:

Mode Choose when Deliver
document Detail, scanning, reference, data, or collaboration matters Designed responsive HTML document
video Motion, sequence, mechanism, or narration is the main value Captioned deterministic HTML video
document-video A focused subject benefits from both explanation and reference Rich document with embedded live video
course The source has several learning outcomes or the user asks for training Learning site with modules, lesson pages, videos, checks, and progress
auto The user leaves the format open document-video for one focused outcome; course for several cumulative outcomes

State the chosen mode in one short working update, then continue. Do not stop for storyboard or voice approval unless the user requests an approval gate. Finish automatic work as a private preview. Publish publicly or unlisted only after explicit instruction.

Start from any source

Classify the input before authoring:

  • HTML Docs document or folder: read it through the API.
  • Local document, PDF, HTML, Markdown, or text: recover its structure and facts.
  • Directory or Git repository: respect ignore rules; exclude credentials, dependencies, build output, binaries, and VCS internals.
  • URL: capture the requested page. For a site-level request, crawl same-origin links to depth two and at most 100 pages unless the user sets another bound.
  • Research topic: perform deep research with primary and authoritative sources. Freeze a source manifest before writing.
  • Pasted material: preserve it as a source record rather than treating it as unsupported background knowledge.

Read the full file on GitHub · 248 lines

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. 2d ago First seen · 248 lines · 107 tokens per session scan A 00a9b772dc48

Subscribe to this mod's changes

html-docs is a skill published in the GitHub repository raunaqbn/html-docs-skill (3 stars, last pushed 1mo ago), licensed MIT. It adds 107 tokens to every session and 2,325 once invoked, about $0.0005 per session on Opus 5. A static security scan graded it A with 1 finding (makes network calls). 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

anything-to-course

Turn any source material — documents, notes, books, articles, transcripts, slides, codebases, or just a topic — into a complete self-study course built on evidence-based learning science (retrieval practice, spaced repetition, interleaving, faded scaffolding, confidence calibration). Use whenever the user wants to…

lowwwbank/anything-to-course · 123 tokens

manim

This skill should be used when the user asks to "make a math animation", "animate an equation", "use Manim", "make a 3Blue1Brown-style video", "plot or animate a graph/function", "visualize a math/physics/CS concept", "morph one formula into another", "animate a geometric proof", or "render a math explainer". Covers…

iart-ai/manim-skills · 125 tokens

trulens-notebook-execution

Execute and display Jupyter notebooks for TruLens demos and quickstarts.

truera/trulens · 21 tokens

eli5

Explain research, papers, or technical ideas in plain English with minimal jargon, concrete analogies, and clear takeaways. Use when the user says "ELI5 this", asks for a simple explanation of a paper or research result, wants jargon removed, or asks what something technically dense actually means.

companion-inc/feynman · 63 tokens

deck-course-module

暖纸背景 + Playfair, 左侧学习目标常驻, 含 MCQ 自测页.

nexu-io/html-anything · 25 tokens

vox-director

Turn ONE topic into a finished Vox-style paper-collage explainer / ad video, end to end on the Atlas Cloud API + local ffmpeg — script, collage keyframes, motion, voice-over, music, captions, all automated. Use this whenever the user wants a "Vox style" video, a paper/torn-paper collage animation, a "motion collage"…

Alisa0808/vox-director · 236 tokens