Repolode
Submit
QingYunA

QingYunA/answer-me-with-html

An agent skill that turns an AI agent's answer to a hard question into one readable, offline HTML page with diagrams instead of a wall of text.

View on GitHubWebsite
Stars
3,604
Forks
251
Open issues
4
Last commit
yesterday

What is it?

Answer me with HTML is an agent skill for coding agents such as Claude Code, Codex and Cursor. When you ask a complex question, the agent writes a short Markdown draft, and a bundled CLI turns it into a single self-contained HTML page with text, tables, code and diagrams.

The model only writes content. The CLI handles layout, SVG coordinates, colors and flow-chart placement, which the project says cuts output tokens to about one eighth of a hand-written HTML page. Pages have no CDN links or web fonts, so they open offline and are easy to share. Three themes are included, and each has light and dark modes.

The skill also supports explainer videos in a 3Blue1Brown-style player, a writing check based on ASD-STE100 rules, and an optional always-on mode that adds a page to conclusions. It installs through the Claude Code plugin marketplace, the skills CLI, or manual copy, and requires Node.js 20 or newer.

Key features

  • 01Converts a Markdown draft into a single offline HTML page with no external dependencies.
  • 02Computes diagram layout in code, including sequence, flow, ER and tree diagrams.
  • 03Provides three themes with light and dark modes.
  • 04Quotes real lines from local source files into code blocks.
  • 05Lets readers comment on panels and answer agent decisions on the page.
  • 06Generates explainer video player pages, with optional MP4 or WebM export.

Use cases

  • Getting a visual overview of how modules in an unfamiliar repository fit together.
  • Comparing technical options, such as Redis versus Memcached, in a table with a verdict.
  • Explaining protocols or system flows with sequence and state diagrams.
  • Reviewing an agent's plan on a page and replying with comments.

Topics

#agent-skill#ai-agent#claude-code#html#diagram#markdown#documentation#explainer#claude-code-skill#claude-skill

FAQ

What is answer-me-with-html?
An agent skill that turns an AI agent's answer to a hard question into one readable, offline HTML page with diagrams instead of a wall of text. Answer me with HTML is an agent skill for coding agents such as Claude Code, Codex and Cursor. When you ask a complex question, the agent writes a short Markdown draft, and a bundled CLI turns it into a single self-contained HTML page with text, tables, code and diagrams.
Is answer-me-with-html free to use? What license does it have?
answer-me-with-html is open source under the MIT license. Check the license terms before using it in commercial products.
Is answer-me-with-html still maintained?
Actively maintained. The last commit to answer-me-with-html was on Oct 17, 2026.
What can I use answer-me-with-html for?
Getting a visual overview of how modules in an unfamiliar repository fit together. Comparing technical options, such as Redis versus Memcached, in a table with a verdict. Explaining protocols or system flows with sequence and state diagrams. Reviewing an agent's plan on a page and replying with comments.
Where can I get answer-me-with-html?
The source code and installation instructions are on GitHub: https://github.com/QingYunA/answer-me-with-html

Summary generated by AI from the project's README. GitHub stats refresh daily.

Related projects