前言¶
在 DeepSeek Harness 插件生态中，让模型直接生成排版精美的 HTML 页面既消耗大量 Token，又难以控制样式。这个插件将这个过程拆解：模型只负责内容，CLI 负责布局。
它通过“Markdown 草稿 + CLI 处理”的流水线，将模型需要编写的 Token 数量减少到原来的 1/8，同时生成一份结构清晰、可离线查看的 HTML 页面。
是什么¶
这是一个由 QingYunA 维护的工作流插件。它将复杂的问答任务转化为单页 HTML 输出，旨在替代传统的“终端文本墙”或直接生成 HTML 的低效方式。
核心功能¶
- 一页式输出：将复杂问题（如架构图、对比分析）整合为一张可读的 HTML 页面。
- 模型轻量化：模型只需编写 Markdown 草稿，不涉及 HTML 标签、CSS 样式和 SVG 坐标路径。
- CLI 自动布局：内置的 CLI 负责处理模板渲染、SVG 自动布局和最终 HTML 的生成。
- 离线可用：生成单文件，无外部依赖。
- Always-on 模式：支持开启后，所有结论都自动附加页面，而不仅是复杂问题。
安装与启用¶
安装前需确保环境已安装 Node.js 20 或更高版本。插件本身已打包好 CLI，无需执行 npm install。
DeepSeek Harness 插件安装：
在终端中运行以下命令（web 为默认 profile）：
dsh plugin --profile web add github:QingYunA/answer-me-with-html
通用安装命令：
npx -y skills add QingYunA/answer-me-with-html -g -y -a <your agent name>
安装完成后，建议开启 Always-on 模式。
典型用法¶
使用方式和普通提问一致。插件会根据问题的复杂度决定是否生成页面。
适用示例：
* 解释 TCP 三次握手
* 解释当前仓库的模块组织结构
* Redis 或 Memcached 的对比
* 分析一段文字的问题
* 解释 Kubernetes 的由来
* 规划缓存变更方案
适用场景与注意¶
- 适用场景：适合需要展示流程图、架构图、对比表格或多步骤逻辑的复杂问题。模型会自动判断何时生成页面，也可以强制指定“explain it in HTML”。
- 注意：对于简单的一行问题，插件通常返回简单的一行答案，不生成页面。
- 许可证：MIT 许可证。
结尾¶
该插件通过分离内容编写与排版渲染，显著降低了 Token 消耗并提升了回答的可读性。它支持 Claude Code、Codex、Cursor、OpenCode、Pi 以及 DeepSeek Harness 等多种 Agent 环境。
