Answer me with HTML — 让 Agent 把复杂问题答成一页 HTML，少写 8 倍 token，还能做 3b1b 风格讲解视频

Answer me with HTML 让 Agent 遇到复杂问题时不再甩一堵文字墙，而是直接交一页能看懂的 HTML——它是一个装在编程助手身上的 Agent Skill，以 MIT 协议发布。模型不再手写几百行 HTML，而是先写一份很短的 Markdown 稿件，排版、配色、画图都交给 skill 自带的 CLI 完成。

作为开源软件，项目托管在 GitHub，上线半个月已积累近 4000 Star，兼容 Claude Code、Codex、Cursor 等 70 多种 Agent，是一个把 AI 回答变成可保存页面的 AI应用。

场景痛点

问 AI 一个稍微复杂的问题，比如 TCP 三次握手、Redis 怎么选，回复常常是一大段滚动的文字：时序关系靠脑补，表格对不齐，看完就忘。效率工具直接让它输出 HTML 又慢，等一页排版要半分钟，大量时间花在每次都差不多的 CSS 和 SVG 坐标上。AI生产力内容和排版混在一起，读的人累，写的模型也累。

主要功能特点

模型只写 Markdown 稿件

数了 9 页模型手写的 HTML，平均 4893 token，近半是 SVG 坐标，正文只占两成。Markdown 用这个 skill，模型只写约 612 token 的稿件，约八分之一，中位数从 31 秒降到 12 秒。AI写作数字来自 3 题各 3 次的复现基准，CLI 约 50 毫秒出页，花费只省一成五，系统提示与对话每轮照读。AI 工具

按信息形状挑组件

内置十几种组件：flow 画架构和调用链并自动布局，sequence 画时序，er 画数据模型，tree 画目录，timeline 画时间线，chart 用数字表格画柱线饼图；对比表写 ok/no 自动变勾叉，还有结论框和页面内做决定的 ask。图形坐标用 dagre 算，不靠模型猜，箭头不会指空，文字不截断。

单文件零依赖的页面

产物是单个 .html，不引 CDN 或外部字体，断网可开、转发可看，默认存 ~/.answer-me-with-html/pages/。开源项目自带 blueprint、shadcn、paper 三种主题，各有亮暗两色，CLI 按内容自选，也可自写主题。支持简繁中、英、日文，每页内嵌 Markdown 稿。酷软趣站

3b1b 风格讲解视频

Karpathy 说的理解阶梯顶端是 3b1b 风格解释视频。一句「给 TCP 握手做 3b1b 视频」，模型在稿件加旁白，am video 生成播放页，图随旁白画，镜头跟节点走。视频处理配音内嵌页面，带章节和倍速；WebM 浏览器本地编码、免 ffmpeg，MP4 才需要。小测试中输出 token 少约 18 倍、快约 12 倍。

真实代码与页内回复

代码块可以用 src 和 lines 直接引用你文件里的真实代码，页面上展示的不是手抄版本；当前目录之外和存放密钥的文件会被拒绝，避免把敏感内容带进页面。实用软件你可以对任意面板写评论，也能在 Agent 给出的决定里勾选项，点回复后合成一段文字贴回给 Agent。稿件写错时 CLI 会报出行号、组件名和正确示例，Agent 照着改一次就能重新渲染。

STE100 受控写作检查

ASD-STE100 原本是飞机维修手册的受控英语规范：句子别太长、一个词只表达一个意思、步骤用祈使句。每次渲染都会按这个思路检查稿件，句长、常用词、被动语态，以及中文错别字和含糊词都会提醒，默认只提示不拦截；调成 strict 模式后，不达标的稿件直接不生成。规则在参考文档里可以逐条查。

一键安装与高频模式

Node 20 以上即可，CLI 已打包在 skill 内，免安装；让 Agent 读安装说明即可，也支持 npx 或插件市场。AI编程面向 70 多种能跑 shell 的 Agent，不限聊天应用。Skill工具高频模式下，每轮结论、方案、对比都附 2 到 4 面板小页，只生成不弹窗；更新每天最多查一次，不上传内容。AI自动化