QingYunA/answer-me-with-html 累積 3,527 星

背景

QingYunA/answer-me-with-html 是 GitHub 上的開源專案，截至本站記錄時（2026 年 10 月 17 日）累計 3,527 顆星，建立不到 30 天。專案說明表示，它是一個 agent skill（給 AI Agent，也就是能自行執行任務的 AI 程式，安裝的附加能力），讓使用者問難題時得到一頁可閱讀的 HTML（網頁的標記語言）頁面，而不是一大段文字。 GitHub 熱門專案

發生什麼事

來源記錄該專案建立於 2026 年 10 月 2 日，主要語言為 JavaScript，授權為 MIT（寬鬆的開源授權）。專案說明描述的流程是：agent 先寫一份簡短的 Markdown（輕量文字格式）草稿，交給隨 skill 附帶的 CLI（命令列介面，用打字下指令操作電腦的方式），約 50 ms 後產生頁面。 GitHub 熱門專案

重點內容

專案說明提出的核心論點是省 token（模型處理文字的計量單位）。它統計了 9 頁由模型手寫的 HTML，平均 4,893 tokens，其中 SVG（向量圖形格式）圖表占 47%、CSS（網頁樣式語言）占 15%、HTML 標籤占 17%、文字占 21%。使用此 skill 時，模型只寫 Markdown 草稿，同樣的問題平均為 612 tokens，專案說明稱約為手寫 HTML 的 1/8。 GitHub 熱門專案

耗時方面，專案說明列出 3 個主題各跑 3 次的中位數，使用 Claude Sonnet 5.5 與一般的 Claude Code 設定：直接要求 HTML 為 31 s，使用此 skill 為 12 s，並標示 8× fewer 與 2.6× faster。專案說明另指出費用降幅較小，約 15%，原因是每一輪對話都還要讀取系統提示、問題與對話內容。影片功能則在「a small test」中標示約 18× fewer output tokens、12× faster。 GitHub 熱門專案

專案說明舉的例子：問「Explain the TCP three-way handshake」會得到時序圖、狀態圖與旗標表；問 repo 模組如何組織會得到資料夾樹加呼叫圖；問「Redis or Memcached?」會得到打勾與打叉的比較表，再附結論。一句話就能答的問題則不產生頁面。頁面存放在 ~/.answer-me-with-html/pages/。 GitHub 熱門專案

對使用者的意義

使用條件是 Node.js（執行 JavaScript 的環境）20 或更新版本，專案說明表示沒有 npm install 這個步驟。安裝方式之一是把指定提示貼給 Claude Code、Codex、Cursor、OpenCode 等 agent；也可執行 npx（Node.js 附帶、用來執行套件的指令）skills add QingYunA/answer-me-with-html，其安裝器 vercel-labs/skills 支援超過 70 個 agent（more than 70 agents）。在 Claude Code 內則可用 /plugin marketplace add QingYunA/answer-me-with-html 安裝外掛。 GitHub 熱門專案

限制與未定事項

上述速度與 token 數據是專案說明自行列出的測試結果，條件為 3 個主題各跑 3 次的中位數、Claude Sonnet 5.5、一般的 Claude Code 設定；影片數據來自專案說明所稱的小型測試。專案說明表示由 agent 判斷何時值得產生頁面，適用於相關概念、多步驟流程與多方比較。星數為本站在記錄時間點的觀察值。 GitHub 熱門專案