用 HTML 回答我——问一个难题，得到一页

是什么

Answer me with HTML 是一个面向 Claude Code、Codex、Cursor、OpenCode、Pi 和 DeepSeek Harness 的智能体技能，可将回答转换为单个离线 HTML 页面，其中包含图表、表格和结构化布局，而非一大段文本。智能体先编写简短的 Markdown 草稿，再由内置 CLI（am）渲染为最终页面，因此模型输入的 token 量约为手动编写该 HTML 所需 token 量的八分之一。它面向已经在编码智能体中工作的开发者和技术用户，他们需要快速吸收模型输出，而不是逐行阅读。

功能

• 先起草后渲染流水线： 智能体生成紧凑的 Markdown 文件，CLI 负责 CSS、布局和 SVG 坐标；项目报告称，页面文本量约为草稿文本量的 63 倍，且这些页面文本均无需模型键入。
• 按信息形态驱动的组件集： flow、sequence、er、class、api、tree、timeline、limits、annot、kv、callout、ask、code block 和 table 等组件让智能体根据信息类型选择格式，而不是默认使用段落文字。
• 自包含输出： 每个结果都是一个 .html 文件，可离线打开，无网络请求、无 CDN、无 Web 字体，提供三种主题（blueprint、shadcn、paper），支持浅色和深色模式以及页内主题切换。
• STE 写作检查： 草稿会按照可机器检查的 ASD-STE100 规则进行校验（句子长度、用词、步骤中的被动语态），CLI 会返回一条消息，指明所在行、组件及正确示例，以便智能体一次修正。
• 可选讲解视频： 该技能可按需构建分步动画页面，镜头聚焦于指定节点；若已设置密钥，则通过 ElevenLabs 旁白，否则使用系统语音；还可选 --mp4 导出。

实用提示

• 安装需要 Node.js 20 或更高版本，但无需 npm install 步骤，因为 CLI 随技能一起提供；文档记录的路径包括由智能体读取的 INSTALL.md、Claude Code 插件市场、DeepSeek Harness 插件命令、npx skills，或将文件夹手动复制到智能体的 skills 目录。
• 请慎重决定使用默认模式（仅当问题需要页面时才生成页面）还是常开模式（为每个结论、摘要、计划或比较附加一个 2–4 个面板的页面），因为常开模式会给常规回复增加输出。
• 应将公布的基准测试视为特定环境下的结果：它是在无 MCP 服务器的普通 Claude Code 配置上测得的，项目指出成本节省滞后于 token 节省，因为上下文每轮都会重新读取，且技能自身会增加一些短轮次。
• 应编写草稿而非 HTML：使用组件语法，并通过 am help <component> 查询准确语法；注意 src= 代码块和本地图片仅在 CLI 中解析，在浏览器演练场中无法解析。