Skip to content
mcp/skillhub

Agent Skill

Answer Me With HTML skill

answer-me-with-htmlQingYunA/answer-me-with-htmlskills/answer-me-with-html/SKILL.md

Turns an answer into a one-page visual HTML explainer: the model writes a short Markdown draft and the bundled CLI builds one page. Use it proactively and liberally, without being asked, whenever a page would help the reader more than plain text, even if plain text would also work: any explanation of how something works or how parts relate (flow, request path, architecture, code or folder structure, state machine, lifecycle, history); any comparison, trade-off or decision with pros and cons; any diagnosis, review or investigation, especially with several causes or findings to rank; any answer with a table, a numbered or ranked list, steps, branches or several sections; or when the user says "I don't get it / draw it / explain visually / 讲讲原理 / 没看懂 / 画个图". When in doubt, use it: a page is quick and cheap to make. Also for explainer videos ("make a video", "做个视频") and for changing its settings. Skip only for small talk, a trivial one-line answer, or when the user asks for plain text.

4.2kMIT

always on

231 tokname + description

once used

5,394 tokSKILL.md body

bundled files

41 scripts

repo stars

4.2kGitHub

Install the Answer Me With HTML skill

Skills CLI (Claude Code, Codex, Cursor and others)

npx skills add https://github.com/QingYunA/answer-me-with-html --skill answer-me-with-html

Claude Code, by hand (all projects)

git clone --depth 1 https://github.com/QingYunA/answer-me-with-html.git /tmp/answer-me-with-html
mkdir -p ~/.claude/skills
cp -R /tmp/answer-me-with-html/skills/answer-me-with-html ~/.claude/skills/answer-me-with-html

For one project only, copy the folder into .claude/skills/ in that project instead. The agent picks it up when a task matches its description.

What it costs your context

Agent Skills load in three steps. Tokens counted with the o200k tokenizer; your model's count will differ a little.

WhenWhat loadsCost
Every sessionName and description231 tok
When the agent uses itThe SKILL.md instructions5,394 tok
Only if opened4 bundled files (952 KB)varies

Until it is used, answer-me-with-html costs about 5.9× less than the median MCP server we measured (1,363 tokens on every turn). Skills vs MCP study

Checks

  • Ships scripts the agent can run. Read them before installing.
  • The instructions are over 5,000 tokens, the Agent Skills specification's guideline for SKILL.md.

Checked 2026-10-22 · method

What's inside

The headings of its SKILL.md. Read the full file on GitHub.

  • Answer me with HTML: answer a complex question with one HTML page
  • 0. When the user wants to change settings
  • 1. Decide: produce a page or not
  • Always-on mode
  • 2. Workflow (one Bash call)
  • 3. Draft format quick reference
  • 4. Choose components by the shape of the information
  • 5. When the user pastes a reply from a page
  • 6. Say less (the text in the draft)
  • 7. Explainer videos (am video, 3Blue1Brown style)