一个叫 Answer me with HTML 的 Skill,装进 CodeX 以后照常提问,遇到绕的问题它交回一页带时序图、对比表、时间线的网页,一句话能答的照样一句话。作者实测比直接让 AI 写网页快 3.6 倍,花的钱差不多,省的是等待时间。
写在前面
大家好,我是宋超。
你肯定有过这种时候:问 CodeX 一个有点绕的问题,比如两个方案怎么选、一件事的来龙去脉,它哗啦回你一大面字,每句都对,可读到第三段就开始走神,看完还是没在脑子里串起来。
今天推荐的是一个 Skill,专门治这个。装好以后你照常提问,遇到值得画张图讲的问题,CodeX 会交回一页排好版的网页,里面有流程图、对比表、时间线;一句话能说清的问题,它还是一句话回答你。咱们第四周学过装 Skill,这个装起来就是把一段话发给 CodeX 的事。读完你能知道它能出什么样的页面、怎么装、哪些地方要留个心眼。
这个工具叫 Answer me with HTML,是 GitHub 上一个开源项目,MIT 协议,10 月初刚发出来,几天里已经有一千多颗星。作者在说明里写得很直白:遇到复杂问题,Agent 不再甩给你一堵文字墙,而是给你一页能看懂的网页。
它支持 CodeX,也支持 Cursor、OpenCode 这些常见的 Agent 工具。装好之后不用任何设置,你该怎么问还怎么问。
先看一眼成品长什么样。下面这页是问「讲讲 TCP 三次握手和四次挥手」得到的,左边是一步一步的时序图,右边是「为什么是三次」的解释和关键数字,底下还有一张标志位对照表:

同样的内容,换成一大段文字,你得自己在脑子里画这张图。它干的事,就是把这张图先替你画好。
作者列了一张对照,我挑几个跟咱们日常最贴的说:
出不出页面是 CodeX 自己判断的,关系复杂、步骤多、要多维对比,才会出。你也可以直接点名:「用 HTML 讲一下……」。
这个问题我一开始也想问。咱们做工作台的时候,不就是让 CodeX 直接写一整个网页吗?
作者的解释很实在:直接写网页当然可以,问题是每一行样式、每一个框、每一根连线的坐标,都得 AI 一个字一个字敲出来,你在屏幕前等的就是这些。用这个 Skill,AI 只写内容,排版、配色、画图都交给工具里自带的一个小程序去算。 连线不会歪,箭头不会指到空白处。
作者用 Claude Sonnet 5.5 做了对比实测,3 个题目每题跑 3 次取中间值:
| 直接让 AI 写网页 | 用这个 Skill | |
|---|---|---|
| AI 要写的字数(输出 token) | 6873 | 923 |
| 等待时间 | 46 秒 | 13 秒 |
| 单次花费 | 0.22 美元 | 0.26 美元 |
下面是其中一次的对照,左边是直接写的,右边是用 Skill 出的,两页都能用:

注意最后一行:花的钱差不多,甚至略多一点,它省的是你的等待时间,不是账单。 作者自己也是这么说的,原因是用 Skill 要多跑两轮很短的对话,每轮都会把前面的内容再读一遍。所以别冲着省钱去装它,冲着「问完十几秒就能看到一页图」去装。
后面这一半是训练营学员的内容。你要是学员,用手机号登录就能接着往下看。
登录后可以评论和点赞
还没有人说话,来做第一个