开源 Agent Skill「Answer me with HTML」让 Claude Code、Codex、Cursor 等编码 agent 在回答复杂问题时，生成一页带图表的网页，而不是在终端里输出大段文字。按 README 的说法，模型只需写一份简短的 Markdown 草稿，排版和绘图交给 Skill 自带的命令行工具（CLI），因此写入的 token 约为直接手写 HTML 的 1/8。
用户照常提问，例如「解释 TCP 三次握手」「梳理这个仓库的模块关系」「缓存选 Redis 还是 Memcached」。agent 先写出 Markdown 草稿，交给 Skill 自带的 CLI，约 50 毫秒后得到一页单文件、可离线打开的网页，内含时序图、状态图、对比表、时间线等。一句话就能回答的问题不生成页面。
作者统计了 9 个由模型手写的网页，平均 4,893 个 token。其中 SVG 坐标与路径占 47%，CSS 占 15%，HTML 标签占 17%，正文只占 21%。
使用该 Skill 后，模型只写 Markdown 草稿，平均 612 个 token，约为手写 HTML 的 1/8。耗时从 31 秒降到 12 秒。上述耗时为 README 自测数据：3 个主题各运行 3 次取中位数，模型为 Claude Sonnet 5.5，环境为普通 Claude Code。
README 同时说明，实际账单只降约 15%，因为每轮仍要读入系统提示、用户问题和对话。
README 称，讲解视频在一个小测试中输出 token 约少 18 倍、速度快 12 倍。用户可以用 am video 生成播放页，加 --mp4（需要 ffmpeg）或 --webm 导出视频文件。
「常开模式」默认关闭。开启后，agent 每给出结论、总结、方案或对比，都会附上一页包含 2 到 4 个面板的小页面。
该 Skill 支持 Claude Code、Codex、Cursor、OpenCode、Pi 和 DeepSeek Harness，需要 Node.js 20 或更新版本。安装方式包括：让 agent 读取 INSTALL.md 自行安装；在 Claude Code 中运行 /plugin marketplace add QingYunA/answer-me-with-html 和 /plugin install answer-me-with-html@answer-me-with-html；在 DeepSeek Harness 中运行 dsh plugin --profile web add github:QingYunA/answer-me-with-html；运行 npx skills add QingYunA/answer-me-with-html；或手动将 skills/answer-me-with-html 复制到对应 agent 的 skill 目录。
项目采用 MIT 许可。README 称，其灵感来自 Andrej Karpathy 的一条帖子：随着 LLM 承担越来越多的工作，跟上其产出成为难点。
