QingYunA/answer-me-with-html

项目概览

它把内容生成与排版计算分离：模型只负责短草稿，布局、图表坐标和样式由代码计算，从而避免了长文本式回答和手写 HTML 的负担；输出为无 CDN 依赖的单文件离线页面，并内嵌来源 Markdown 供复制回传。

项目类型

AI 工作流

应用场景

文档办公

部署方式

查看项目说明

License

MIT

适合谁

• 希望减少智能体回答文字墙、并让排版和图表由代码而非模型生成的开发者。
• 需要离线单文件 HTML 输出、并希望保留可复制的 Markdown 来源的场景。
• 希望对智能体草稿做受控写作检查并自动获得错误修正提示的用户。

核心能力

• 捆绑的命令行工具把智能体的 Markdown 草稿转换为含文本、图表、表格和代码的可读页面；布局和图表坐标由代码计算，未宣称经独立验证的通用裁剪或速度保证。
• 提供 flow、er、sequence、tree、timeline、limits、annot、kv、callout 和 ask 组件，覆盖架构、数据模型、交互时序、层级、事件、标注和决策；支持代码和对比表格。
• 生成页面为单个 HTML 文件，无 CDN 链接或网络字体，并内嵌来源 Markdown；复制来源可取回草稿。该输出边界不涵盖外围智能体的模型服务隐私。
• 提供 blueprint、shadcn 和 paper 主题，均含明暗模式；简体中文、繁体中文、英文和日文有本地化按钮和字体，其他语言使用英文按钮。
• 命令行工具报告草稿错误的行号、组件并给出修正示例供智能体修复；README 中一次修复的说法不是独立验证的模型成功保证。
• 依据可机器检查的改编 ASD-STE100 规则检查句子长度、用词、被动语感和部分中文错误；默认模式警告，严格风格可拒绝不合规草稿。
• src/lines 代码块可引用真实文件行；README 说明会拒绝文件夹之外的文件和密钥文件。该范围限于渲染器文件选择，不构成完整的密钥泄露审计。
• 面板评论和 ask 选项由 Reply 合成为一条可粘贴回智能体的消息；选项可从智能体建议被选中项开始。

限制与风险

• 输出 token 减少约八倍、速度提升 2.6 倍、账单减少约 15% 均为项目自述的小规模测试结果，有指定的语料、模型和环境，不是通用的负载或计费保证。
• 明确要求 Node 20+；模型/服务方、受支持操作系统、GPU、硬件成本与遥测等细节未说明。MP4 导出需要 ffmpeg，浏览器/WebM 路线不需要。
• 常驻模式下页面会在本地输出目录累积；复制代码/内容及内嵌来源后，分享前应先审查。

如何开始

• 准备 Node.js 20 或更新版本；使用 npx skills add QingYunA/answer-me-with-html 或文档中的插件/手动方式将技能安装到所选智能体；请求生成 HTML 讲解并在本地 pages 目录查看生成的页面。捆绑的运行时命令行工具无需单独的 npm install 步骤。

核验依据

• README: <p align="center"> <img src="docs/logo.svg" width="64" height="64" alt="Answer me with HTML logo"> </p> <h1 align="center">Answer me with HTML</h1> <p align="center"> <b>Super Fas…
• README: <a href="https://github.com/QingYunA/answer-me-with-html/stargazers"><img src="https://img.shields.io/github/stars/QingYunA/answer-me-with-html?style=flat-square&logo=github&label…
• README: > Explain the TCP three-way handshake > Map out how the modules in this repo fit together > Redis or Memcached for our cache? ``` The agent writes a short Markdown draft and hands…
• README: You can. Models write decent HTML now. But most of what they write is not content. We counted the tokens in 9 pages the model wrote by hand, 4,893 tokens on average: | Part of the…
• README: <p align="center">_{The same question, the same model, answered both ways. Both pages are usable.}</p> The token counts are saved in [bench/corpus/tokens.json](bench/corpu…

来源更新时间：2026-10-11T14:39:44Z

打开原始 GitHub 项目