推文

@byCanen · 2026-10-15 22:18

用 Claude Code 或 Codex 学复杂技术问题，有时看它写一大段文字，还不如看一张图清楚。 有个开源 Skill 叫 answer-me-with-html，可以把复杂回答自动整理成一个本地 HTML 页面。 比如问： 「TCP 三次握手每一步发生什么？」 它可以生成时序图、状态图和标志位对照表。 问「这个仓库的几个模块怎么协作」，则可以生成目录结构和模块调用关系图。 安装： npx skills add QingYunA/answer-me-with-html 装完后正常提问，补一句「用 answer-me-with-html 给我做一页可视化解释」。 这个项目的实现方式也挺省事：模型主要写 Markdown 内容，页面布局、CSS 和图表坐标交给自带的 CLI 处理。 作者拿 9 个页面做过对照，模型手写 HTML 平均输出约 4893 token，改用 Skill 后约 612 token。样本不大，但代码和测试数据都放在仓库里了。 最终生成的是本地 HTML，可以离线打开，也能分享给同事。 GitHub：https://github.com/QingYunA/answer-me-with-html

曝光 33 · 评论 0 · 点赞 0 · 书签 0