Answer me with HTML 讓 Agent 遇到複雜問題時不再甩一堵文字牆，而是直接交一頁能看懂的 HTML——它是一個裝在編程助手身上的 Agent Skill，以 MIT 協議發佈。模型不再手寫幾百行 HTML，而是先寫一份很短的 Markdown 稿件，排版、配色、畫圖都交給 skill 自帶的 CLI 完成。
作爲 開源軟件，項目託管在 GitHub，上線半個月已積累近 4000 Star，兼容 Claude Code、Codex、Cursor 等 70 多種 Agent，是一個把 AI 回答變成可保存頁面的 AI應用。
場景痛點
問 AI 一個稍微複雜的問題，比如 TCP 三次握手、Redis 怎麼選，回覆常常是一大段滾動的文字：時序關係靠腦補，表格對不齊，看完就忘。效率工具 直接讓它輸出 HTML 又慢，等一頁排版要半分鐘，大量時間花在每次都差不多的 CSS 和 SVG 座標上。AI生產力 內容和排版混在一起，讀的人累，寫的模型也累。
主要功能特點
模型只寫 Markdown 稿件
數了 9 頁模型手寫的 HTML，平均 4893 token，近半是 SVG 座標，正文只佔兩成。Markdown 用這個 skill，模型只寫約 612 token 的稿件，約八分之一，中位數從 31 秒降到 12 秒。AI寫作 數字來自 3 題各 3 次的復現基準，CLI 約 50 毫秒出頁，花費只省一成五，系統提示與對話每輪照讀。AI 工具
按信息形狀挑組件
內置十幾種組件：flow 畫架構和調用鏈並自動佈局，sequence 畫時序，er 畫數據模型，tree 畫目錄，timeline 畫時間線，chart 用數字表格畫柱線餅圖；對比表寫 ok/no 自動變勾叉，還有結論框和頁面內做決定的 ask。圖形座標用 dagre 算，不靠模型猜，箭頭不會指空，文字不截斷。
單文件零依賴的頁面
產物是單個 html，不引 CDN 或外部字體，斷網可開、轉發可看，默認存 ~/。answer-me-with-html/pages/。開源項目 自帶 blueprint、shadcn、paper 三種主題，各有亮暗兩色，CLI 按內容自選，也可自寫主題。支持簡繁中、英、日文，每頁內嵌 Markdown 稿。酷軟趣站
3b1b 風格講解視頻
Karpathy 說的理解階梯頂端是 3b1b 風格解釋視頻。一句「給 TCP 握手做 3b1b 視頻」，模型在稿件加旁白，am video 生成播放頁，圖隨旁白畫，鏡頭跟節點走。視頻處理 配音內嵌頁面，帶章節和倍速；WebM 瀏覽器本地編碼、免 ffmpeg，MP4 才需要。小測試中輸出 token 少約 18 倍、快約 12 倍。
真實代碼與頁內回覆
代碼塊可以用 src 和 lines 直接引用你文件裏的真實代碼，頁面上展示的不是手抄版本；當前目錄之外和存放密鑰的文件會被拒絕，避免把敏感內容帶進頁面。實用軟件 你可以對任意麪板寫評論，也能在 Agent 給出的決定裏勾選項，點回復後合成一段文字貼回給 Agent。稿件寫錯時 CLI 會報出行號、組件名和正確示例，Agent 照着改一次就能重新渲染。
STE100 受控寫作檢查
ASD-STE100 原本是飛機維修手冊的受控英語規範：句子別太長、一個詞只表達一個意思、步驟用祈使句。每次渲染都會按這個思路檢查稿件，句長、常用詞、被動語態，以及中文錯別字和含糊詞都會提醒，默認只提示不攔截；調成 strict 模式後，不達標的稿件直接不生成。規則在參考文檔裏可以逐條查。
一鍵安裝與高頻模式
Node 20 以上即可，CLI 已打包在 skill 內，免安裝；讓 Agent 讀安裝說明即可，也支持 npx 或插件市場。AI編程 面向 70 多種能跑 shell 的 Agent，不限聊天應用。Skill工具 高頻模式下，每輪結論、方案、對比都附 2 到 4 面板小頁，只生成不彈窗；更新每天最多查一次，不上傳內容。AI自動化
更多遊戲資訊請關註：電玩幫遊戲資訊專區
電玩幫圖文攻略 www.vgover.com
