answer-me-with-html

让 AI 把复杂答案写成一页能读的 HTML

answer-me-with-html 是一个面向 AI Agent 的技能（agent skill），解决的是大模型回答复杂问题时输出大段纯文本、难以阅读和消化的痛点。它让 Agent 不再用冗长的 Markdown 或口语化段落作答，而是生成一页结构化的 HTML 页面，把复杂问题拆成标题、要点、图表和可视化布局，用户直接在浏览器里阅读。核心能力包括：作为可插拔的 Agent 技能接入 Claude Code 等工具，通过 CLI 调用，把回答渲染成自包含的单页 HTML，支持图示与分层信息呈现，并遵循 STE100 简化技术英语风格，降低理解门槛。它本质上是在回答形态上做创新——把'一段话'变成'一页可读的文档'，适合需要解释原理、对比方案、梳理流程的场景。项目用 JavaScript 实现，星标约 1.5k，属于成长中的实用型工具。

开源 free 智能体

访问官网 ↗ GitHub ↗ 文档 ↗

GitHub 星标 ★ 1461

维护状态活跃

是否开源是

定价模式 free

项目预览

项目数据

分类智能体

开发团队QingYunA

所属国家

官网地址

GitHubhttps://github.com/QingYunA/answer-me-with-html

定价模式free

价格说明开源免费，需自行部署使用

访问状态

是否开源是

开源协议MIT

主要语言JavaScript

技术栈/模型agent-skill,ai-agent,claude-code,cli,diagram,explainer,html,llm,ste100

GitHub 星标★ 1461

30天Star增速

HF 下载量

上线时间2026-10-02 00:00:00

代码更新—

仓库体积—

本站数据更新—

维护状态活跃

中文支持

访问方式

移动端支持

综合评分

收录时间2026-10-06

浏览次数0

Star 增长趋势

本站每日记录该项目 GitHub 星标变化，观测越久曲线越完整

正在加载星标数据…

技术标签

使用教程

—

难度：入门约 5 分钟部署方式：命令行工具 4 步

环境要求

Node.js 20 或更新版本
一个支持 Agent 技能的 AI 工具（如 Claude Code、Codex、Cursor、OpenCode）
无需 npm install，CLI 已打包在技能内

安装与启动步骤

1检查 Node 版本

技能要求 Node.js 20 或更新版本，先确认本机 Node 版本是否满足，不满足需先升级 Node。
```
node -v
```
2让 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.
```
3或用 npx 安装

如果所用 Agent 无法打开链接，就用 npx 直接添加技能，-a 后面换成你自己的 Agent 名称。
```
npx -y skills add QingYunA/answer-me-with-html -g -y -a claude-code
```
4提问验证安装

安装完成后按平时的习惯提问，Agent 会先写一段 Markdown 草稿再交给 CLI 渲染成页面。
```
Explain the TCP three-way handshake
```

关键配置

配置项	必填	说明	示例
`-a`	是	npx 安装时指定技能要装入的 Agent 名称	`claude-code`

如何确认成功

安装脚本会用 TCP 三次握手问题自检并给出报告；提问后约 50ms 生成一页可在浏览器阅读的 HTML。

常见问题

Q：需要执行 npm install 吗？

A：不需要。README 明确说明没有 npm install 步骤，CLI 已经打包在技能内部，安装后即可使用。

Q：Agent 打不开 GitHub 链接怎么办？

A：改用 npx 命令安装：npx -y skills add QingYunA/answer-me-with-html -g -y -a <你的 agent 名称>，例如 -a claude-code。

Q：安装会覆盖我已有的配置吗？

A：不会。INSTALL.md 会保留已有安装、不向你追问任何问题，安装结束后再统一给出一次结果报告。

Q：为什么不让模型直接写 HTML？

A：直接写 HTML 要输出每一行 CSS、每个 div 和 SVG 坐标，输出 token 多、等待久；此技能让模型只写内容，token 约为手写 HTML 的 1/7。

注意事项

本技能面向 AI Agent，不是独立网站或服务，必须先有支持的 Agent 才能用。
输出为自包含的单页 HTML，直接在浏览器中阅读，采用 STE100 简化技术英语风格。
npx 安装命令中的 -a 必须替换为实际使用的 Agent 名称。

核心亮点

把长文本回答转成结构化单页 HTML，含标题、要点和图示，阅读效率明显高于纯 Markdown
以 agent skill 形式接入 Claude Code 等 Agent，通过 CLI 调用，集成成本低
遵循 STE100 简化技术英语风格，输出语言更直白，降低理解门槛

不足之处

依赖具体 Agent 环境（如 Claude Code）才能发挥完整效果，通用性受限
输出为 HTML 页面，纯终端或纯文本工作流中需要额外打开浏览器查看

适用场景

让 Agent 解释复杂技术原理，生成带图的一页说明
对比多个技术方案或产品选型，输出结构化对比页
梳理业务流程或架构，生成可分享的单页 HTML 文档

替代项目

mermaid、markdown-it

项目介绍

answer-me-with-html 是智能体领域的开源项目，由 QingYunA 开发，是 2026 年新上线的项目。

在全站 13,752 个收录项目中，它的 GitHub 星标数（1,461）位列前 30%，在智能体分类中处于中上游。

项目目前处于活跃维护状态，最近一次代码更新于 2026-10-05。开源免费，需自行部署使用。

它主要面向的使用场景是：让Agent解释复杂技术原理，生成带图的一页说明。同类可对比的替代方案包括 mermaid、markdown-it。

上一篇：nami

下一篇：没有了！