Archify
tt-a1i/archifyA skill that turns a description or a codebase into a validated, interactive standalone HTML diagram or one-page explainer.
Recommended
Check first Depth 5/5
Answer me with HTML Claude skill
Turns complex answers into a one-page HTML explainer: the model writes a short Markdown draft, and a bundled CLI generates layout, diagrams and dark mode.
Our verdict Recommended
A focused, benchmarked skill that measurably cuts tokens and latency versus hand-written HTML, with a sensible proactive-use rule and clean MIT licensing.
Depth expertise shipped Security Review before installing Maintenance Updated today Adoption stars License MIT, commercial OK
The author changed the skill files after our review (noticed Oct 29, 2026). The review describes the earlier version; we recheck changed skills weekly, the most significant changes first.
What Answer me with HTML does
The idea is to stop the model from hand-writing HTML, CSS and SVG, which the README's own token count found makes up about 79% of a hand-written explainer page. Instead the model writes a short extended-Markdown draft, and the bundled am CLI (Node.js, no separate npm install) turns it into a complete offline HTML page with layout, colors, dark mode and diagram coordinates computed automatically. The skill's own benchmark (in bench/) reports about 8 times fewer output tokens and 2.6 times faster generation than asking the model for HTML directly, for the same questions, with the raw token counts and corpus available to reproduce.
The skill is meant to trigger proactively: whenever an answer has three or more interrelated concepts, a flow or protocol, a multi-dimensional comparison, a hierarchy, or when the user says something like 'draw it' or 'I don't get it', not only when explicitly asked for a page. It explicitly tells the agent not to hand-write HTML, CSS or SVG itself. It also supports an always-on mode, explainer videos (described as saving even more tokens in the README's own test), and config/clean/update subcommands handled by a separate reference file. One script ships inside the skill folder. The README lists Claude Code, Codex, Cursor, OpenCode, Pi and DeepSeek Harness as working hosts, and bundles the Bangers font under a separate open font license for one theme.
Good for
- Agents that answer explanatory, comparative or diagnostic questions often
- Reducing token cost and latency versus hand-written HTML answers
- Explaining architecture, protocols or trade-offs with diagrams
Not for
- Short, simple answers or small talk, which the skill explicitly skips
- Users who always want plain text replies
What's inside depth 3/5
One skill at about 25 KB with 2 reference files and one bundled script (the rendering CLI itself lives outside the skill-metrics count); no test suite, though the repo ships a reproducible benchmark corpus.
- Skills
- 1
- Reference docs
- 2
- Scripts
- 1
- Tests / evals
- 0
- Templates
- 0
- Avg SKILL.md
- 24 KB
Counted from the repository file tree. How we score depth.
Dependencies and costs
- Node.js 20+ for the bundled am CLI
Security review
Review before installingA skill that has the agent write a short Markdown draft and a bundled Node CLI turn it into an HTML explainer page or video; its description tells the agent to use it proactively and liberally on explanatory answers. The CLI itself was not available to us. It writes under ~/.answer-me-with-html, opens pages in your browser by default, checks GitHub once a day for updates (opt-out available), and can send video narration to ElevenLabs if you set a key.
Worth knowing
- Relies on a CLI or package we could not reviewThe skill is a front end for a bundled single-file Node CLI (scripts/am.mjs) that does all rendering, config, theme download, clean-up and video export; that file is not among the files we have.skills/answer-me-with-html/SKILL.md:28
- Makes network requestsWith update_check on (default) the CLI downloads package.json and highlights.json from the repo's main branch on raw.githubusercontent.com at most once a day (nothing about you is sent; disable with
am config set update_check falseor AM_NO_UPDATE_CHECK);am theme adddownloads a theme from answer-me-with-html.com.skills/answer-me-with-html/references/settings.md:12 - Needs an API key for its own serviceFor explainer videos, narration is sent to ElevenLabs when ELEVENLABS_API_KEY is set (otherwise local system TTS); the key is used only for that service.skills/answer-me-with-html/references/video.md:34
- Changes files outside your projectWrites generated pages, drafts, videos and settings under ~/.answer-me-with-html/ (outside the project) and opens pages in your browser by default; an optional always-on rule is added to CLAUDE.md or AGENTS.md at the user's request.skills/answer-me-with-html/SKILL.md:69
- Runs remote code at an unpinned versionInstall and update use
npx skills add QingYunA/answer-me-with-htmlandnpx skills update answer-me-with-html -y(unpinned installer), and the agent-assisted install may install Node.js 20+ with brew or winget.README.md:107
What we checked
The repository (364 files) on Oct 29, 2026. Not a full review: 349 of 364 files were not downloaded (large repository; we reviewed the skill folders); it relies on code outside the repository: scripts/am.mjs (the bundled CLI) and the rest of the repo: 349 readable files were not available to us (including INSTALL.md, plugin manifests and workflows); only README.md, SKILL.md and two reference files were reviewed; npm package skills (vercel-labs/skills installer); Remote theme catalog at answer-me-with-html.com and ElevenLabs.
NVIDIA SkillSpector static scan: 11 pattern hits (MCP Rug Pull 4, Rogue Agent 3, Data Exfiltration 3, Anti-Refusal 1). 'update this skill' is the documented update flow (the skill says to ask before running updates or clean-up); 'no warnings' is formatting guidance; the star-history hit is an image badge in the README; 'write to ~/.answer-me-with-html' is the page output folder.
A review, not a certification. Skills change after we check them — read the files before installing.
License
MIT — commercial use allowed; one bundled theme font (Bangers) is under the SIL Open Font License 1.1.
Can it run unattended?
Not really. It renders one answer page per turn in an interactive conversation; it has no loop or long-running task.
Alternatives to Answer me with HTML
AntV Infographic skills
antvis/InfographicAgent skills from AntV's infographic engine: one writes a self-contained infographic from your text; four others help contributors extend its templates.
Recommended
Check first Depth 2/5
diagram-design
cathrynlavery/diagram-designA diagram skill that writes 45 diagram types as one self-contained HTML and SVG file in your brand, with onboarding, import and PNG export.
Recommended
Check first Depth 4/5
FAQ
What is Answer me with HTML?
It is an agent skill that turns a complex answer into a single, readable, offline HTML page instead of a wall of plain text. The model writes a short Markdown draft, and a bundled CLI builds the page's layout, diagrams and styling.
How do I install it?
You need Node.js 20 or newer; there is no separate npm install step since the CLI is bundled in the skill. The README's recommended path lets your agent install it for you after you ask it to.
Does this really save tokens compared to asking for HTML directly?
The author's own benchmark, reproducible with node bench/corpus.mjs, found about 8 times fewer output tokens and roughly 2.6 times faster generation across 3 topics and 3 runs, because the model writes only Markdown instead of hand-rolled SVG coordinates and CSS.
When does the skill trigger?
It is meant to trigger proactively whenever a page would help more than plain text (multi-step flows, comparisons, hierarchies, diagnoses), not only when explicitly requested, but skips trivial answers or small talk.
Sources: GitHub repository (stars, license, file tree, last push Oct 29, 2026). Review based on the README and SKILL.md files as published.