Answer me with HTML（用 HTML 回答我）

一个 Agent Skill：让 AI Agent 把复杂问题输出成一页可离线阅读的 HTML，而不是满屏文字。模型只需写 Markdown 草稿，CLI 自动生成图表、样式与页面，输出 token 约为手写 HTML 的 1/8，速度更快。

爱鲜报评分

0.0

0 人评分

开源 · MIT #LLM #AI #Agent #JavaScript #CLI #HTML

星数

是

中文

JavaScript

主语言

是

活跃

贡献者

人工分析

EDITORIAL

适用场景

让 AI 讲解 TCP 三次握手、Kubernetes 演进等复杂原理
梳理仓库模块结构与调用关系图
做技术选型对比（如 Redis vs Memcached）并给出结论
把代码改动方案整理成带真实代码片段的页面
生成讲解型短视频/演示素材

优点

模型只写 Markdown 草稿，输出 token 约为手写 HTML 的 1/8，等待时间更短
自动生成 SVG 图表、CSS 与 HTML 结构，页面开箱即读
单文件离线 HTML，可保存到本地目录，便于分享与归档
兼容 Claude Code、Codex、Cursor、OpenCode 等 70+ Agent
遵循 ASD-STE100 简明技术英语风格，表达清晰
MIT 协议，无 npm install 步骤，CLI 内置在 skill 中

缺点

需要 Node.js 20 及以上版本
简单问题不会生成页面，只有复杂问题才触发，需适应其判断逻辑
开启 always-on 模式需在规则文件中额外配置一条规则
页面质量依赖模型对问题的理解，仍需人工核对内容准确性
主要面向英文/中文双语，其他语言支持有限

上手难度入门

Answer me with HTML 是什么

Answer me with HTML 是一个 Agent Skill：当你向 AI Agent 提出复杂问题时，它不会丢给你一大段终端文字，而是生成一页可离线阅读的 HTML，里面有文字、表格、代码和 SVG 图表。

它的核心思路是：模型只负责写内容（Markdown 草稿），排版和绘图交给随 skill 附带的 CLI。官方统计显示，手写 HTML 平均需要约 4,893 token，而用这个 skill 只需约 612 token，约为 1/8；生成时间也从约 31 秒降到约 12 秒。

典型用法

安装后照常提问即可：

> Explain the TCP three-way handshake
> Map out how the modules in this repo fit together
> Redis or Memcached for our cache?

Agent 会先写一份简短的 Markdown 草稿，再交给 CLI 渲染，约 50 毫秒后你就得到一页 HTML。

你会得到什么

你的问题	生成的页面
解释 TCP 三次握手	时序图、状态图与标志位表格
仓库模块如何组织	目录树 + 调用关系图
Redis 还是 Memcached	带 ✓/✗ 的对比表 + 结论
这段文字有什么问题	逐句标注问题词与修改建议
Kubernetes 是怎么来的	带关键节点的时间线

简单问题（例如「ls 怎么显示隐藏文件」）不会生成页面，仍是一行回答。

安装方式

需要 Node.js 20 或更高版本，没有 npm install 步骤，CLI 已内置在 skill 中。

让 Agent 自己安装（推荐）

把下面这句话粘贴给 Claude Code、Codex、Cursor、OpenCode 等 Agent：

Install Answer me with HTML: read https://raw.githubusercontent.com/QingYunA/answer-me-with-html/main/INSTALL.md and follow it.

Claude Code 插件

/plugin marketplace add QingYunA/answer-me-with-html
/plugin install answer-me-with-html@answer-me-with-html

一条命令

npx skills add QingYunA/answer-me-with-html

安装器支持 70 多种 Agent，会询问你安装到哪些 Agent 中。

手动安装

把 skills/answer-me-with-html 目录复制到对应 Agent 的 skill 目录即可，例如 Claude Code 的 ~/.claude/skills/。

与其他方案的区别

Archify：根据 JSON 规格生成一个交互式图表。
GenUI 类插件：在某个聊天应用内展示组件。
Answer me with HTML：把整个问题回答成一页 HTML，包含文字、表格、代码与图表，适用于任何能执行 shell 命令的 Agent。

页面与设置

生成的页面保存在 ~/.answer-me-with-html/pages/。页面右上角按钮可以切换主题与明暗模式、收集你的回复，以及复制生成该页面的 Markdown 原文。

官方还推荐开启 always-on 模式：在规则文件中加一条规则，让 Agent 在每次结论后都附上一页 HTML，而不仅限于难题。

适用与注意

适合讲解原理、梳理代码结构、做技术选型对比、整理改动方案等场景。
需要 Node.js 20+，且页面内容仍需人工核对准确性。
项目采用 MIT 协议，仓库提供简体中文 README，对中文用户友好。

登录后才可评论与评分

去登录注册

0 条评论