distill

distill 技能概覽

distill 的用途

distill 技能可以幫你簡化 UI，移除雜訊、重複選項與薄弱的層級關係，直到核心任務一眼就能看懂。它最適合用在設計決策上：目標不是單純把畫面做得「更漂亮」，而是讓介面更清楚、更輕盈，也更容易掃讀。如果你在找一份用來整理畫面的 distill 指南，這個技能就是針對這種強而有力的簡化需求而設計的。

適合用在 UI Design 的情境

當畫面有太多互相競爭的元素、優先順序不清，或有一些不支援主要使用者目標的視覺裝飾時，UI Design 很適合用 distill。對產品設計師、前端團隊，以及需要在實作前先做嚴格簡化的 AI agent 都很有幫助。它的核心價值在於判斷：哪些該刪、該合併、該隱藏，或是該延後處理。

它和一般工具有什麼不同

這個 distill 技能不是一個泛用的「讓它看起來更乾淨」提示詞。它的工作流程會先評估複雜度來源，再找出唯一的主要目標，最後把內容收斂到必要項目。這使它比起開放式的品牌設計工作，更適合雜亂的功能頁、儀表板、表單和設定頁。最好的輸出通常出現在輸入內容已經包含目標畫面，且有明確的簡化理由時。

如何使用 distill 技能

安裝 distill 並閱讀入口檔

使用 npx skills add pbakaus/impeccable --skill distill 安裝。先從 SKILL.md 開始讀，因為它是這個技能路徑中唯一的來源檔，也定義了完整的工作流程。如果你正在評估 distill 是否適合安裝，因為沒有輔助檔案，所以你應該預期要依賴核心指令，而不是一套更大的參考系統。

提供一個真實的設計目標給技能

distill 的使用方式在你明確說出畫面、問題，以及目前雜亂之處時最有效。薄弱的提示是：「把這頁簡化。」更好的說法是：「將給首次購買者看的定價頁 distill：減少互相競爭的 CTA，保留一個主要動作，並維持比較資訊的清楚度。」如果有會影響可刪除內容的限制，例如「必須保留結帳流程」、「必須保留法律文字」或「以 mobile-first 為主」，也要一併加入。

按照流程順序閱讀

這個技能的邏輯是：先評估現況，再找出本質，最後再簡化。也就是說，在核心結構還沒解決之前，不要急著要求視覺修飾。為了得到更好的結果，先提供以下其中一種輸入：截圖、頁面描述、元件清單，或目前層級關係的簡短地圖。如果設計背景不夠完整，技能會先要求釐清，才能有把握地進行 distill。

把它當作簡化流程的一步

最好的 distill 指南工作方式，是在你已經知道產品要做什麼，但還沒進入最終視覺細節之前使用它。你要請它輸出的是簡化方案，而不只是改寫過的提示詞。例如：「把這個儀表板 distill 成一個主要動作、三個關鍵指標和一個支援面板；說明哪些項目應該刪除、合併或延後。」這樣能給技能足夠的結構，產出可執行的簡化建議。

distill 技能 FAQ

distill 只適合 UI Design 嗎？

大致上是。這個技能是為了簡化介面、層級與互動密度而調校的。它也能協助處理內容很多的頁面，但最強的使用情境仍然是 distill for UI Design，尤其是當問題出在視覺雜訊太多時。

使用 distill 需要完整規格書嗎？

不需要，但你至少要提供足夠的背景，讓它能判斷主要使用者目標，以及哪些部分造成複雜度。如果你只提供一個很模糊的想法，技能會先追問釐清。通常只要有一張截圖，再加上一句關於目標受眾的說明，就足以開始。

distill 和一般提示詞有什麼不同？

一般提示詞可能只會要求整理，卻沒有定義哪些內容必須保留。distill 則更偏向決策導向：它會追問什麼最重要、什麼可以移除，以及最關鍵的流程是什麼。當你需要的是有紀律的減法，而不是風格上的潤飾時，它會更有用。

什麼情況不該用 distill？

當問題是功能缺失，而不是複雜度過高時，就不要用它。如果介面本身已經很簡單，但使用者失敗是因為流程壞掉，那你需要的是可用性修復，而不是簡化。當產品本來就需要高密度資訊時，它也不太適合，例如包含許多必要控制項的進階管理工具。

如何改善 distill 技能

先從真正的限制開始

提升品質最大的關鍵，是先告訴 distill 哪些東西不能改。列出固定元素，例如必填欄位、法律文字、既有導覽，或一定要保留的動作。這可以避免過度簡化，也能讓技能把焦點放在真正能被 distill 的部分。

把雜訊和核心價值分開

在要求 distill 時，請明確標示哪些元素是必要的，哪些只是裝飾或重複。例如：「保留搜尋、篩選與一個主要 CTA；移除重複的統計數字、次要按鈕和裝飾性面板。」這類輸入對簡化流程的幫助，遠大於泛泛的「把它整理乾淨」這種說法。

先迭代層級，再調整視覺

如果第一次輸出還是太雜亂，請求第二輪時先收緊層級關係，再去改顏色或間距。常見失敗模式是：畫面看起來更乾淨了，但動作還是太多。常見修正方式是請 distill 合併選項、移除非關鍵路徑，並讓下一步變成唯一最主要的行動。這是取得更強 distill 結果最快的方法。

給技能正確的證據

如果你想讓 distill 的使用結果更好，請提供目前畫面狀態、目標裝置與預期使用者結果。像「mobile 設定頁，保留帳號與安全性，簡化給第一次使用者」這種精簡輸入，比寬泛的美感要求更有用。證據越具體，技能就越能準確判斷哪些該刪，而不會傷到產品。