Getting it into your agent
This one installs as part of its plugin. Adding the marketplace and installing the plugin brings it with everything else the plugin ships.
/plugin marketplace add timzaak/web-dev-skills/plugin install t-toolsWrote 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/timzaak/web-dev-skills/t-html-show)<a href="https://agentmods.dev/skills/timzaak/web-dev-skills/t-html-show"><img src="https://agentmods.dev/badge/skills/timzaak/web-dev-skills/t-html-show.svg" alt="Measured on agentmods" height="20"></a>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.00015 | $0.00730 |
| Opus 5 | $0.00008 | $0.00365 |
| Sonnet 5 | $0.00003 | $0.00146 |
| Haiku 4.5 | $0.00002 | $0.00073 |
Grade A, and why
t-html-show 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 6d 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.
What it actually says
文档 HTML Preview 生成
将一个 Markdown 文档交给 html-show subagent，生成或更新 .ai/preview/ 下的可视化审阅页。
运行时边界统一参考：${CLAUDE_PLUGIN_ROOT}/protocols/runtime-boundaries.md。
内容、路径、检查与打开规则统一以 ${CLAUDE_PLUGIN_ROOT}/protocols/html-show-contract.md 为准；PRD 额外遵循 ${CLAUDE_PLUGIN_ROOT}/protocols/prd-preview-contract.md。本 skill 只负责入口校验、委派和结果收口，不重复定义 Preview 规则。
使用方式
/t-html-show <path-to-markdown>
参数必须是已存在的 Markdown 文件路径，直接来自 $ARGUMENTS；拒绝空参数、非文件路径和包含 .. 的路径。
不要用本命令创建或修改源文档：
- PRD 创建或更新使用
/t-prd - PRD 完整性检查使用
/t-prd-check - 需要改变文档语义时，先修改源文档，再重新生成 Preview
工作流程
- 读取以下文件：
${CLAUDE_PLUGIN_ROOT}/protocols/runtime-boundaries.md${CLAUDE_PLUGIN_ROOT}/protocols/html-show-contract.md${CLAUDE_PLUGIN_ROOT}/protocols/subagent-dispatch.md${CLAUDE_PLUGIN_ROOT}/agents/html-show.md- PRD 输入额外读取
${CLAUDE_PLUGIN_ROOT}/protocols/prd-preview-contract.md
- 校验
$ARGUMENTS，确认源 Markdown 文件存在。 - 按
subagent-dispatch.md委派html-show：将完整 agent 角色定义注入 prompt，并只追加本次源文档路径。 - 检查 subagent 返回的
status、preview_path和check_result；失败时原样报告具体问题，不宣称已完成。 - 默认不打开 Preview。报告路径和当前平台的打开命令；仅当用户明确要求打开时，按
html-show-contract.md的Opening the Preview执行并确认结果。
最小委派上下文：
使用 html-show 生成或更新 HTML Preview。
源文档: <document-path>
完成输出
向用户报告：
preview_pathdoc_typemode:create | updatevisualization_typecheck_result- 打开命令，以及外部依赖所需的安装、构建或启动命令（如有）
若 subagent 返回 required_doc_updates，明确说明 Preview 不能代替源文档承载这些语义变更。
失败条件
- 参数缺失、不是 Markdown 文件路径、包含
..或源文件不存在 - agent 角色未注册或无法委派
- Preview 无法写入或机械检查无法通过
- 源文档、契约或用户最新意图冲突
发生失败时保留已生成文件，报告原因和路径；不得绕过契约或伪报成功。
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.
- 6d ago First seen · 73 lines · 15 tokens per session scan A fa92ba81dbfe
t-html-show is a skill published in the GitHub repository timzaak/web-dev-skills (71 stars, last pushed yesterday), licensed Apache-2.0. It adds 15 tokens to every session and 730 once invoked, about $0.0001 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
azure-document-intelligence
Expert knowledge for Azure AI Document Intelligence development including troubleshooting, best practices, decision making, limits & quotas, security, configuration, integrations & coding patterns, and deployment. Use when designing custom models, calling AnalyzeDocument APIs, running containers/offline, or migrating…
azure-content-understanding
Expert knowledge for Azure Content Understanding in Foundry Tools development including best practices, decision making, architecture & design patterns, limits & quotas, security, configuration, and integrations & coding patterns. Use when building analyzers/classifiers, RAG document flows, audiovisual analysis…
draw-io-diagram-generator
Use when creating, editing, or generating draw.io diagram files (.drawio, .drawio.svg, .drawio.png). Covers mxGraph XML authoring, shape libraries, style strings, flowcharts, system architecture, sequence diagrams, ER diagrams, UML class diagrams, network topology, layout strategy, the hediet.vscode-drawio VS Code…
convert-plaintext-to-md
Convert a text-based document to markdown following instructions from prompt, or if a documented option is passed, follow the instructions for that option.
acquire-codebase-knowledge
Use this skill when the user explicitly asks to map, document, or onboard into an existing codebase. Trigger for prompts like "map this codebase", "document this architecture", "onboard me to this repo", or "create codebase docs". Do not trigger for routine feature implementation, bug fixes, or narrow code edits…
eyeball
Document analysis with inline source screenshots. When you ask Copilot to analyze a document, Eyeball generates a Word doc where every factual claim includes a highlighted screenshot from the source material so you can verify it with your own eyes.