前言¶
在 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 環境。
