設計用的 AI Skill

可直接使用的 Skill 與開源 Skill 專案，集中在一份清單。

可用的 Skill 經過審查，並固定在單一版本。收錄專案則指向 GitHub 上的專案。選擇任務指南

這些已審查的 Skill 與開源專案，為 AI 助理提供設計工作的檢查清單或方法，例如審查介面、套用設計系統或檢查無障礙設計。它們能讓審查更快，但無法取代你親自檢視成果。每一項都列出來源與授權。

分類

10 筆結果

明暗主題規劃與色彩檢查
依產品使用情境選擇明亮、深色或雙主題，再為各模式定義表面、文字與語意色彩。適合加入主題切換或檢查不一致的色彩變數。
已記錄的工具支援：Claude, Codex
可用的 Skill更新於 2026-10-13授權：MIT
響應式版面與導覽
規劃導覽、側欄、內容順序與操作元件如何適應手機、平板及桌面，包含觸控目標、堆疊與寬螢幕建議。適合需要重新安排操作方式的介面。
已記錄的工具支援：Claude, Codex
可用的 Skill更新於 2026-10-13授權：MIT
表單標籤與驗證設計
設計或檢查表單標籤、輔助文字、驗證時機與送出狀態，附欄位群組及錯誤關聯的 HTML 範例。適合註冊、聯絡或資料輸入表單。
已記錄的工具支援：Claude, Codex
可用的 Skill更新於 2026-10-13授權：MIT
按鈕與互動狀態設計
讓每個可點擊元素都有六種視覺狀態（一般、滑過、按下、鍵盤焦點、停用、載入中）的設計準則；狀態顏色由基礎色推算，而不是一個一個挑選。
已記錄的工具支援：Claude, Codex
可用的 Skill更新於 2026-09-24授權：MIT
UI UX Pro Max Skill
一個以可搜尋參考資料為基礎的 UI 與 UX 設計技能：依產品類型對應的介面風格、配色與字體搭配、UX 準則、圖表建議，以及各技術堆疊的實作說明，用來在建置或審查介面前先為專案產生一套設計系統。
收錄專案收錄於 2026-09-24GitHub 星數：135,341（2026-10-13 取得）授權：MIT
Hallmark
一個設計技能，用來建置不落入常見生成式預設樣式的網頁介面。它會依需求選擇頁面結構，套用 21 種主題之一，並在交付前執行一套反模式檢查清單與自我檢討。除了建立新頁面，也能在不修改程式碼的情況下，依反模式稽核既有程式碼；在保留文案與資訊架構的前提下重新設計頁面；以及研究一個參考設計，萃取其版面結構、字體搭配與主色…
收錄專案收錄於 2026-09-24GitHub 星數：29,983（2026-10-13 取得）授權：MIT
Dembrandt Skills
四十三個給程式開發代理使用的 UX 與設計系統技能，涵蓋品牌與色彩、字級比例、版面與資訊密度、元件狀態、表單、彈出層、無障礙、易用性經驗法則與載入狀態，也能從一到兩個品牌色以演算法產生色盤。其中兩個技能會透過維護者另外提供的 dembrandt 工具，從線上網站讀取設計 token。
收錄專案收錄於 2026-09-24GitHub 星數：72（2026-10-13 取得）授權：MIT
Design Systems to Agent Skills
一個產生器，可將既有的設計系統轉換為 AI 代理技能，並附有一個完整示範的範例技能。適合希望自己的設計 token、元件與使用規則，能以程式開發代理可遵循的形式提供給代理使用的設計系統維護者。
收錄專案收錄於 2026-09-24GitHub 星數：44（2026-10-13 取得）授權：MIT
Diagram Design
一個繪製示意圖的技能，以既定的編輯風格產出可獨立使用的 HTML 與 SVG 示意圖，對連接線、標籤與無障礙設計訂有明確規則，並支援匯入 draw.io 與 Mermaid 檔案。適合需要外觀一致的說明用示意圖的人。
收錄專案收錄於 2026-09-24GitHub 星數：53,331（2026-10-13 取得）授權：MIT
UX Writing Skill
介面文字的撰寫與審閱標準，涵蓋按鈕、標籤、表單欄位、錯誤與成功訊息、通知、新手引導、空白狀態與說明文字，並提供口吻與語氣指引，以及稽核現有產品文案的方法。適合撰寫產品內文字的設計師、文案人員與工程師。
收錄專案收錄於 2026-09-24GitHub 星數：229（2026-10-13 取得）授權：MIT