这个项目的做法很巧妙。你问问题的方式完全不用变，比如“解释一下 TCP 三次握手”或者“Redis 和 Memcached 选哪个好”。AI 收到问题后，先写一份简短的 Markdown 草稿，然后项目自带的命令行工具大概 50 毫秒就把它变成一个漂亮的网页。上面有流程图、时序图、对比表格，排版清爽，一眼就能看明白。
先说效率。作者做了实测，同样的问题让模型直接手写 HTML，平均要输出将近 5000 个 token，花 31 秒。用这个工具呢，模型只写大概 600 个 token 的 Markdown 草稿，12 秒搞定。输出量降到了八分之一，速度快了将近三倍。省下来的那些 token 都是 CSS 样式、SVG 坐标这种重复的东西，占了整个页面将近 80%。现在这些活全交给命令行工具自动处理，模型只管写内容就好。
然后说功能。生成的每个页面是一个独立的 HTML 文件，不需要加载任何外部资源，断网也能打开，发给别人直接就能看。内置了三套主题，blueprint 看着像工程图纸，shadcn 走简洁卡片风，paper 适合长文阅读。支持的图表类型也多，流程图、时序图、ER 图、树状图、时间线、柱状图都有，模型会根据你问的内容自动选合适的。
它还能生成讲解视频。你跟 AI 说“用 3Blue1Brown 的风格做个 TCP 握手的视频”，模型就会在草稿里加上逐步的旁白，命令行工具把它渲染成一个可以播放的页面。图表跟着旁白一步步展开，镜头自动跟着重点走，不需要装 ffmpeg，浏览器里就能导出。
安装也简单。你只要有 Node.js 20 以上的版本，一行命令就能装好，支持 Claude Code、Cursor、Codex 这些主流的 AI 编程助手。它还有个“常开模式”，打开之后 AI 每次给出总结、对比、方案这类回答时，都会自动附上一个小页面，不用你每次专门去要。
Karpathy 之前提过，AI 干的活越来越多，人要跟上它的输出反而成了难题。一张图、一个网页，比一大段文字好消化多了。这个项目就是照着这个思路来的，让模型专心写内容，画图排版的事情交给工具。
传送门：github.com/QingYunA/answer-me-with-html
我写的实操教程：
http://t.cn/AXjQ100S
#科技先锋官##How I AI#