show-me Skill：把 AI Coding 回覆改成可驗證的 diff、樹狀圖與小圖解

HumanLayer 的 show-me skill 讓 coding agent 用 diff、call tree、file tree、Mermaid 或小型 HTML artifact 解釋當前改動，減少長篇 claudesepeak，讓使用者更快驗證成果與下下一步。

2026年8月14日2 分鐘閱讀👁 6

Agent Skill / Visual Explanation

show-me Skill：把 AI 回覆從長篇說明變成可驗證圖解

Threads 貼文推薦 X 上的 /show-me skill：當 AI coding agent 完成一個小步驟時，不再用十幾行文字解釋，而是用 diff、call tree、file tree、Mermaid 或小型 HTML artifact 把「改了什麼」直接顯示出來。這解決的是 AI 開發裡很實際的瓶頸：使用者能不能讀懂回覆、驗證成果，並下對下一步指令。

一句話判斷：這類 skill 的價值不是讓 AI 更會寫 code，而是降低 human review 的認知負擔。開發速度常卡在「看不懂 AI 剛剛做了什麼」；show-me 把回覆格式變成可掃描、可比對、可追問。

Diff

當重點是「前後差異」時，用紅綠 diff 表示路由、檔案、狀態或 call stack 變化。

Tree

用 call tree、component tree、file tree 表示 ownership、模組邊界與執行順序。

Mermaid / HTML

較複雜的 data flow、sequence、UI layout，才升級成 Mermaid 或 focused HTML artifact。

來源實查	內容	採用 caveat
Repo	humanlayer/skills	查詢時約 278 stars、10 forks。
Skill path	`plugins/show-me/skills/show-me/SKILL.md`	不是獨立 repo，而是 HumanLayer skills repo 裡的 plugin skill。
Install	`npx skills add humanlayer/skills --skill show-me`	適用於支援 skills standard 的 agent harness；Hermes 可參考概念，不必直接套 Claude 路徑。
License	MIT	可商用但需保留 license notice。

貼文截圖在展示什麼

Threads 圖中 show-me 把一次工程進度壓成簡單區塊：

Diff
- route → createSupabaseKnowledgeRepository() → port object → legacy lib
+ route → stable port object → legacy lib

貼文截圖在展示什麼

對 Allen / Hermes 的用法