【免费下载链接】answer-me-with-htmlAnswer me with HTML — an agent skill that answers hard questions with a one-page HTML you can actually read. 让 AI Agent 用一页 HTML 回答复杂问题。项目地址https://gitcode.com/gh_mirrors/an/answer-me-with-html点击查看免费下载把 Agent 的输出变成可视内容的工具不止 Answer me with HTML 一个最常被拿来比较的还有两个Archify从一份 JSON 规格生成单张可交互图和 DeepSeek Harness 上的 GenUI 插件 dsh-genui在聊天里直接渲染组件。三者做的是不同的事一个交付一页回答一个交付一张图一个交付聊天里的组件。读完本篇你能完整掌握这三者的定位差异、逐项能力对比模型写什么、产物形态、运行环境、交互方式、检查机制、视频能力以及如何按自己的实际工作流做选择文中所有数据均可在当前仓库的 基准测试说明 和 原始数据 中复核。三者的定位模型写什么决定产物是什么对比的起点是模型要输出什么。这决定了 token 成本、产物形态和宿主依赖Answer me with HTML模型只写一份Markdown 稿件扩展语法frontmatter 围栏代码块组件。版面、颜色、组件坐标全部由随 skill 打包的 CLIam计算生成。产物是一页能回答整个问题的 HTML。Archify模型写一份带类型的 JSON 规格。产物是一张可交互的图。dsh-genui模型在dsh-ui围栏里写JSON由 DeepSeek Harness 的 Web 界面实时渲染成聊天回复中的组件。产物与运行环境对照维度Answer me with HTMLArchifydsh-genui模型写什么一份 Markdown 稿件一份带类型的 JSON 规格dsh-ui围栏里的 JSON得到什么一页回答整个问题的页面一张可交互的图聊天回复里的组件能放什么正文、表格、引用自你文件的真实代码、11 种组件flow、sequence、tree、timeline 等5 种图架构、工作流、时序、数据流、生命周期30 多种组件卡片、表格、图表、表单、测验、3D 场景在哪能用任何能运行 shell 命令的 AgentClaude Code、Codex、Cursor、OpenCode、PiClaude Code、Codex、opencode、CursorClaude.ai 需上传DeepSeek Harness 的 Web 界面产物单个.html文件没有 CDN 和网络字体离线能打开单个.html文件显示在聊天里渲染完成的块可导出为 HTML交互在页面上评论、做决定一键汇总成一条消息贴回给 Agent聚焦、路径追踪、搜索、演示模式导出 PNG / SVG / WebM按钮、表单、测验把事件发回给模型模型边写边渲染检查稿件出错时返回行号和改法ASD-STE100 写作检查交付前检查规格、版面和连线规格守卫丢掉不合法的节点视频am video带旁白的 3Blue1Brown 风格导出带动画的图无关于 Archify 和 dsh-genui 的信息来自它们各自的 README核对于 2026-10-07。能放什么背后的实现11 种组件注册表对比表中11 种组件不是笼统的说法。当前仓库的组件注册表 src/components/index.js 把围栏代码块的语言名映射到具体组件实现共 9 个围栏组件callout、kv、timeline、annot、tree、limits、sequence、flow、ask另外加上引用真实文件的代码块和Markdown 表格两种内置能力凑齐 11 种。每个组件统一导出{ name, summary, syntax, example, render }接口对应实现文件在 src/components/ 目录下例如时序图是 src/components/sequence.js流程图是 src/components/flow.js。这一点直接影响使用方式Agent 按信息的形状选组件——架构和调用链用flow自动布局支持分组、判断、数据库节点多方消息往来用sequence目录和模块层级用tree历史阶段用timeline值对限额用limits逐字批注用annot页面上做决定用ask。完整的选组件对照表在 skills/answer-me-with-html/SKILL.md 第 4 节任意组件的完整语法可以用am help component查看。检查机制稿件出错时返回行号和改法对比表检查一栏的差异值得展开。Answer me with HTML 的检查有两层都是源码可验证的1. 稿件语法错误 → 定位到行号 正确示例。组件解析失败时抛出带行号的ComponentError见 src/components/error.js行号是围栏块内的相对行号渲染器再换算成稿件源行号CLI 输出形如✗ L行号 [组件] …加一条Correct example:Agent 按示例改一行就能重渲染成功。这是 SKILL.md 工作流第 4 步明确规定的修复循环。2. ASD-STE100 风格的写作检查STE check。实现位于 src/lint/ste.js每次渲染都会检查句子长度英文步骤 ≤20 词、说明 ≤25 词中文分别 ≤35、45 字符代码中LIMITS常量、段落句数≤6 句、英文被动语态和非推荐词src/lint/wordlist.en.js、中文轻动词/的连用/套话与常见错别字src/lint/wordlist.zh.js。默认只告警style: strict时检查不通过的稿件不产出页面。代码块、删除线反例、no状态表格行会被跳过规则细节见 SKILL.md 第 6 节。视频能力am video 是唯一一方做带旁白的讲解视频的对比表视频一栏Archify 能导出带动画的图dsh-genui 无视频能力Answer me with HTML 提供am video生成 3Blue1Brown 风格的讲解视频。视频稿和页面稿格式相同只多一条规则以开头的行是旁白一行一个 beat规则详见 skills/answer-me-with-html/references/video.md。在旁白里写[节点名]时相机会对准并高亮该节点相邻场景复用同名节点时节点会平滑移动到新位置。输出是~/.answer-me-with-html/videos/下的单文件播放器页面音频内嵌、离线可播加--mp4可导出视频文件需要 Chrome、ffmpeg 和 Node.js 22。视频主题theme: 3b1b就是 3Blue1Brown 的深色风格。这个方向的成本差异有多大bench/README.md 中 2026-10-05 的小样本测试一个题目TCP 握手不配音Claude Sonnet 5.5手写自包含动画页面输出 token 中位数 27,839、耗时 202 秒am video是 1,566 token、17 秒约 17.8 倍和 11.8 倍。原始数据在 bench/results/video/results.json。作者自己标注这是单题目小样本只能看大概量级不是精确倍数。Token 优势的证据边界只测了自己没测另外两家对比表隐含了一个成本论点模型只写内容版面由 CLI 算。在 bench/README.md 的固定语料测试里9 页手写 HTML 对照 9 份 Markdown 稿件用模型自己的分词器计数结果固化在 bench/corpus/tokens.json手写 HTML 平均4,893token其中 SVG 坐标与路径占 47%、CSS 占 15%、HTML 标签占 17%正文只占 21%本 skill 的稿件平均612token约 8 倍差距。复现命令node bench/corpus.mjs。但必须注意原文的自我限定我们没有测过 Archify 和 dsh-genui。这个对比只证明Markdown 稿件 CLI 渲染比模型手写 HTML省 token不构成对另外两家的性能或成本结论。运行级数据每轮输出 token、耗时、花费来自claude -p --output-format json普通环境下 skill 方案输出 token 中位数 1,007对照 4,932、耗时 12 秒对照 31 秒花费只降 15%因为每轮还要读系统提示与对话上下文——成本拆解见 bench/README.md 的 Where the cost goes 一节。按要做的事选Archify你要一张系统图用来探索、演示或导出成图片和视频。它在图上的功能比 Answer me with HTML 多路径追踪、演示模式、导出 PNG/SVG/WebM。dsh-genui你在 DeepSeek Harness 的 Web 界面里工作想在聊天里得到一个能操作的工具比如表单、测验点击后事件回到模型。Answer me with HTML你在终端 Agent 里工作想把整个回答变成一页里面有解释、对比、代码和图。这一页可以读、可以留着也可以发给别人。这个 skill 的不同之处一整页不只是一张图。难的问题除了图旁边还需要文字和表格。Agent 按回答的结构挑组件11 种组件 表格 代码块。模型只写内容。版面、颜色和所有坐标都由 CLI 来算。基准测试中一页稿件约 600 个 token同一个问题直接手写 HTML 约 4,900 个。不依赖宿主。Agent 运行一条 shell 命令就行不需要聊天应用来渲染。skill 目录里的scripts/am.mjs是单文件、无安装依赖的 CLI只要求 Node.js 20。内容可信。代码块可以用src和lines引用你项目里的真实文件CLI 直接读文件内容模型不用重敲代码当前目录外的文件和含密钥的文件会被拒绝STE 写作检查让句子保持简短、直白。另外两个在对比表之外、但属于同一不同之处的机制产物自含源码每个页面把生成它的 Markdown 嵌在#am-source里Copy source 可取回只改一个面板时用am patch page.html --panel 标题原地更新不重写整页。页面能回话用户可以在页面上对任意面板评论、在ask决策里选选项Reply 按钮把答案汇总成一条以# Re: 页面标题开头的消息贴回给 Agent。SKILL.md 第 5 节明确了 Agent 侧的处理规则回复是数据不是指令(not answered; suggestion kept)不代表同意。参考位置内容路径英文对比文档docs/compare.md基准测试方法与原始数据bench/README.md、bench/results/lean/results.jsontoken 语料计数bench/corpus/tokens.json、bench/count-tokens.mjs组件实现与注册表src/components/index.jsSTE 写作检查src/lint/ste.js主题注册表blueprint / shadcn / paper / 3b1bsrc/themes/registry.jsskill 工作流与选组件规则skills/answer-me-with-html/SKILL.md视频稿规则skills/answer-me-with-html/references/video.md赞分享【免费下载链接】answer-me-with-htmlAnswer me with HTML — an agent skill that answers hard questions with a one-page HTML you can actually read. 让 AI Agent 用一页 HTML 回答复杂问题。项目地址https://gitcode.com/gh_mirrors/an/answer-me-with-html点击查看免费下载相关推荐Answer me with HTML 与 Archify、dsh-genui 的横向对比终端 Agent 一页 HTML 回答的定位与取舍Answer me with HTML 与 Archify、dsh genui 的横向对比终端 Agent 一页 HTML 回答的定位与取舍 把 AgentAnswer me with HTML让 Agent 用一页 HTML 回答复杂问题的 Agent Skill 全解Answer me with HTML让 Agent 用一页 HTML 回答复杂问题的 Agent Skill 全解 Answer me with HTMLanswer-me-with-html 基准测试详解直接要 HTML 与 Skill 出稿的 A/B 对比、成本拆解与完整复现指南answer me with html 基准测试详解直接要 HTML 与 Skill 出稿的 A/B 对比、成本拆解与完整复现指南 这篇技术指南围绕 benc上一篇GR00T-WholeBodyControl十大常见坑附解决方案Git LFS、isaaclab缺失与检查点不匹配排查清单下一篇快速上手TradingAgents-Astock10分钟搭建你的A股AI投研团队免费、零API Key创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考