answer-me-with-html

answer-me-with-html is a skill for Claude Code from niki914/zafiro. It costs 231 tokens per session (4,495 once invoked), scanned A, original, MIT.

A response format that turns complex explanations into a single visual web page. It drafts the content in Markdown, while a bundled command-line tool creates the page layout.

In plain words
What is it for?
Use it to decide when an answer needs a visual page and to prepare the page's explanatory content. It is intended for complex technical or conceptual explanations.
Why use it?
It helps when plain text is hard to follow, such as explanations with connected ideas, steps, comparisons, or hierarchies. It avoids requiring you to hand-write HTML, CSS, or diagrams.

Skill for Claude Code

Written for Claude Code: argument-hint in frontmatter. Also seen: mentions CLAUDE.md; mentions Claude Code; installed under .agents/ (shared by several agents).

Good fit Use it to decide when an answer needs a visual page and to prepare the page's explanatory content. It is intended for complex technical or conceptual explanations.

Compare 6 skills from other repositories ↓
Install with agentmods
npx agentmods add skills/niki914/zafiro/answer-me-with-html
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.

Any agent
npx skills add niki914/zafiro --skill answer-me-with-html
Clone the repo
git clone --depth 1 https://github.com/niki914/zafiro

Made for: Claude Code.

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 answer-me-with-html

README.md
[![agentmods](https://agentmods.dev/badge/skills/niki914/zafiro/answer-me-with-html/github.svg)](https://agentmods.dev/skills/niki914/zafiro/answer-me-with-html)
Your own site
<a href="https://agentmods.dev/skills/niki914/zafiro/answer-me-with-html"><img src="https://agentmods.dev/badge/skills/niki914/zafiro/answer-me-with-html/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 answer-me-with-html

Your own site · 80×15
<a href="https://agentmods.dev/skills/niki914/zafiro/answer-me-with-html"><img src="https://agentmods.dev/badge/skills/niki914/zafiro/answer-me-with-html.svg" alt="Reviewed on agentmods" width="80" height="20"></a>
Per session 231 Skills are progressive disclosure: only the name and description are preloaded; the body loads when the skill is used.
When invoked 4,495 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.00231 $0.04495
Opus 5.5 $0.00092 $0.01798
Sonnet 5.5 $0.00046 $0.00899
Haiku 4.5 $0.00023 $0.00449

Measured 4d ago against content hash f09a9ae4dda2, method: parsed. Prices are Anthropic first-party input rates as of 2026-10-07, from the pricing page.

Security

Grade A, and why

answer-me-with-html 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 4d ago.

The scan reads SKILL.md. This mod also ships 1 executable file (scripts/am.mjs), 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.

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.

.agents/skills/answer-me-with-html/SKILL.md · 185 lines

How it starts

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

Answer me with HTML: answer a complex question with one HTML page

You write only the content draft (extended Markdown). The am CLI does all layout, colours, dark mode and diagram coordinates. Do not hand-write HTML / CSS / SVG.

Reply to the user, and write the draft, in the user's language.

0. When the user wants to change settings

Arguments for this call: $ARGUMENTS

When the arguments start with config, clean or update, or the user asks to change a setting, clean up pages or update this skill: read ${CLAUDE_SKILL_DIR}/references/settings.md and follow it. That turn produces no page.

1. Decide: produce a page or not

Produce a page if any of these is true:

  • There are ≥3 interrelated concepts, and the reader needs to see how they relate.
  • There is a flow, protocol, call chain or state transition (especially with branches or several actors).
  • There is a comparison across ≥3 dimensions, a trade-off between options, or a "can / cannot" list.
  • There is a hierarchy or an evolution over time.

Otherwise answer in plain text. When unsure: the more the question "needs a picture to understand", the more it calls for a page.

Always-on mode

If the context contains the [answer-me-with-html always-on] reminder (the user added the always-on rule to a rules file such as CLAUDE.md or AGENTS.md), the bar is lower:

  • Whenever this turn gives a conclusion, summary, plan, comparison, review or explanation, attach a page.
  • Do not skip it because "the answer is short". If there is a conclusion, produce a page.
  • For everyday conclusions use a small page with 2–4 panels: one callout with the conclusion, plus one table or one diagram. Do not add panels just to fill space.
  • Render with --no-open, so no browser window interrupts the user. The user opens the page by clicking the path at the end of the reply.
  • Order: render the page first, then write the text reply. The reply is the last thing in the turn, with the page link on its last line (see step 5). Do not write the reply and then call am render.
  • Produce no page for small talk, one or two sentences with no conclusion, pure command output, or when the user asks for plain text.

Read the full file on GitHub · 185 lines

Files

What ships with it

3 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. 4d ago First seen · 185 lines · 231 tokens per session scan A f09a9ae4dda2

Subscribe to this mod's changes

answer-me-with-html is a skill published in the GitHub repository niki914/zafiro (263 stars, last pushed 2d ago), licensed MIT. It adds 231 tokens to every session and 4,495 once invoked, about $0.0009 per session on Opus 5.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-10-13.

Related

Other skills, from other repositories

kotlin-expert

Expert-level Kotlin development, Android, coroutines, and multiplatform. Use when the user mentions Android, coroutines, multiplatform, or JVM, or when the task involves Kotlin Fundamentals, Android Development, Kotlin Multiplatform, or Kotlin Style.

personamanagmentlayer/pcl · 55 tokens

context-collector

Deep architecture recovery, context gathering, and root cause analysis for unfamiliar or undocumented codebases. Use when asked to analyze a codebase, understand its architecture, map dependencies, gather context before a task, do architecture recovery, explore an unknown repo, or investigate a production…

JosephSanjaya/skills · 130 tokens

ci-cd-expert

Enterprise CI/CD, optimization, security, & delivery expert. Covers GHA, GitLab CI, Jenkins, monorepos (Turbo, Nx, Bazel), containers (BuildKit, Kaniko), GitOps (Argo), delivery (Spinnaker, Kayenta, Fastlane, Flyway), OIDC, and Android. Use for: pipelines, caching, GitOps, monorepos, OIDC, DB migrations, mobile…

JosephSanjaya/skills · 239 tokens

dagger-hilt-expert

Expert guidance for Dagger and Hilt dependency injection in Android. Use when implementing DI, creating modules, configuring scopes, optimizing performance, testing with Hilt, setting up multi-module architecture, using assisted injection, or debugging DI issues. Triggers on "dagger", "hilt", "dependency injection"…

JosephSanjaya/skills · 145 tokens

kotlin-mcp-server-expert

Expert guidance for building production-grade MCP (Model Context Protocol) servers in Kotlin using the official Kotlin Multiplatform SDK. Use this skill whenever the user is building, designing, debugging, or improving an MCP server in Kotlin — including tool registration, resource templates, prompt handling…

JosephSanjaya/skills · 169 tokens

optimize-prompt

Optimize Claude Code and LLM prompts for token efficiency, prefix caching compliance, positional recall, and execution correctness. Use when writing/reviewing prompts, debugging agent errors/failures, managing context windows, selecting effort levels, choosing MCP vs CLI tools, designing subagents, or editing…

JosephSanjaya/skills · 199 tokens