作者 affaan-m
openclaw-persona-forge 是一個以工作流程為核心的技能,可從零開始建立完整的 OpenClaw 人設套件。它會產出身份張力、SOUL.md 風格框架、邊界規則、命名選項,以及可選的頭像提示詞指引。最適合 OpenClaw 角色設計、角色扮演代理,以及與 UI Design 相鄰的人設工作,不適合拿來對既有人設做小幅修改。
作者 affaan-m
openclaw-persona-forge 是一個以工作流程為核心的技能,可從零開始建立完整的 OpenClaw 人設套件。它會產出身份張力、SOUL.md 風格框架、邊界規則、命名選項,以及可選的頭像提示詞指引。最適合 OpenClaw 角色設計、角色扮演代理,以及與 UI Design 相鄰的人設工作,不適合拿來對既有人設做小幅修改。
作者 affaan-m
gan-style-harness 是一個用於 Agent Orchestration 的 Generator-Evaluator 技能,能以更嚴格的評審、更好的迭代,以及更少的薄弱環節,協助打造完整應用程式。當你需要 gan-style-harness 技能來處理偏前端、全端,或偏向正式上線思維的工作,而且審查品質比速度更重要時,這個技能就很適合。
作者 mattpocock
prototype 技能可協助你先做出一次性程式碼,在投入正式實作前,先回答一個具體問題。它適合用來測試邏輯、狀態轉換、資料結構或 UI 方向,並產出一個符合主 repo 慣例、可執行的 prototype。當你需要的是快速 prototype 指南,而不是最終功能時,這會非常合適。
作者 Leonxlnx
design-taste-frontend 是一個針對登陸頁、作品集、編輯頁與改版專案的反制式前端 skill。它能幫助 agent 讀懂需求摘要、推敲正確的視覺方向,並交付不會像模板拼裝、而是帶有明確設計意圖的介面。當你在意設計品味、層級關係與品牌契合度時,這個 skill 特別適合 Frontend Development。
作者 pbakaus
typeset 透過修正字體選擇、層級、字級、字重與可讀性,提升 UI 排版,讓文字呈現更有意圖感。當 UI Design 裡的文字看起來普通、前後不一致,或不易快速掃讀時,就適合使用 typeset skill,幫助你建立更清楚的字體系統,減少猜測。
作者 pbakaus
shape 是一個以規劃優先為核心的 UI/UX 設計 skill,會先執行結構化的需求探索訪談,並在寫程式前產出設計 brief。適合用來釐清使用者問題、限制條件與設計方向,再把 brief 交給後續實作。
作者 pbakaus
quieter 是一個用於精煉 UI 設計的技能,能在視覺過度強烈、容易讓人感到疲勞的介面中降低視覺壓迫感,同時保留清晰度、層級與品牌意圖。它最適合在父層 `$impeccable` 技能之後使用,並能協助團隊在做出有針對性的調整前,先診斷出造成強度過高的來源。
作者 pbakaus
distill 能協助精簡雜亂的 UI 設計,移除干擾資訊、薄弱的層級關係與多餘選項,讓核心任務更清楚。當某個畫面需要更有紀律地做減法、釐清優先順序,並進行聚焦式簡化時,就很適合使用它。
作者 pbakaus
critique 可幫你從 UX 角度檢視介面、功能、頁面或元件,提供結構化評分、基於 persona 的測試、啟發式檢查與可執行的回饋。當你需要一套可重複使用、專為 UI/UX Design 設計的 critique 指南,而不是空泛評論時,就適合使用這個 skill。它最適合針對某個明確範圍、具備清楚脈絡的目標區域進行聚焦 critique。
作者 pbakaus
使用 delight skill 為成功、載入、空白與 onboarding 狀態加入有品味的 UI 潤飾、微互動與品牌個性,同時不影響可用性或使用者注意力。
作者 pbakaus
clarify 可改善讓人看不懂的 UX 文案、錯誤訊息、標籤、導覽流程與操作指引,讓使用者更少猜測就能採取行動。它很適合技術寫作、支援內容,以及需要更清楚介面文字的產品團隊。這個技能會先釐清情境、受眾與使用者狀態,再進行改寫,因此產出的內容會更直接、更具體,也更好用。
作者 openai
figma-create-new-file 可在 drafts 中建立全新的 Figma Design 空白檔案或 FigJam board。當你需要先有一個乾淨的起點,再進行更深入的 Figma 操作時,這個 skill 很適合使用,包括搭配 use_figma。它支援 design 或 figjam、可選檔名設定,必要時也能透過 whoami 解析方案存取權限。
作者 openai
使用 figma 從 Figma MCP 伺服器擷取設計脈絡、截圖、變數與素材,並把 Figma 節點轉成可直接實作的 UI 決策。當你手上有 Figma URL 或 node ID,並且需要用正確的 figma 用法來處理設計轉程式碼、安裝設定或疑難排解時,這個 figma skill 特別適合。
作者 MiniMax-AI
shader-dev 是一套實用的 GLSL 著色器技能,適用於 ShaderToy 風格的即時視覺效果。使用 shader-dev 技能可建立或除錯 ray marching、SDF 場景、光照、粒子、流體動態、後製,以及 UI Design 的 shader-dev,且比泛用提示詞更少憑空猜測。
作者 phuryn
brainstorm-ideas-new 是一個探索階段的發想技能,能把新的產品概念從 PM、Designer 和 Engineer 的角度,轉化為具體的功能點子。適合用在初期產品探索、新創點子,以及需要先找出可行方案再進一步驗證的 Strategic Planning 場景。
作者 phuryn
identify-assumptions-existing 可幫你針對既有產品中的功能構想進行壓力測試,從價值、可用性、可行性與商業可行性四個面向找出高風險假設。它結合 PM、設計師與工程師的觀點,並加入反方辯證視角,用於策略規劃與開發前的風險檢視。
作者 phuryn
brainstorm-ideas-existing 是一個產品探索 skill,會從 PM、Designer、Engineer 三種視角,協助你為既有產品發想點子。它能幫你找出機會、收斂有潛力的方向,並在 Product Management workflow 與 trio-based discovery 中優先排序概念。
作者 phuryn
wwas 是一個用於需求規劃的提示技能,可把零散想法轉化為 Why-What-Acceptance 待辦項目。使用 wwas 技能來整理商業背景、清楚定義變更內容,並撰寫可測試的驗收條件,讓工作項目更適合進入 sprint。
作者 phuryn
使用 user-stories skill,將功能轉成可直接納入 backlog 的使用者故事,並結合 3 C、INVEST 準則、設計連結與可測試的驗收條件。很適合撰寫 user stories、將功能拆分為 backlog 項目,以及用更清楚的範圍與更少的臆測來進行 Requirements Planning 的 user-stories。
作者 phuryn
使用 job-stories 技能,把功能構想轉成 JTBD 風格的 job stories,格式為「當 [情境],我想要 [動機],如此一來我就能 [結果]。」這有助於產出更清楚的 backlog 項目、在 Requirements Planning 中運用 job-stories,以及根據使用者情境撰寫驗收標準。
作者 tw93
這個 design skill 能把模糊的 UI 需求轉化為可直接上線的視覺成果,適用於頁面、元件、儀表板,以及以截圖為導向的細節潤飾。當介面看起來醜、看不懂、不一致,或視覺表現不對勁時,就很適合使用;也適合你需要的是 UI Design,而不是後端邏輯或資料管線。內容包含安裝、使用方式、護欄與更好的美感決策指引。
作者 google-labs-code
design-md 技能會分析 Stitch 專案,並將畫面轉換成具語意的 DESIGN.md 單一真相來源,讓版面、語氣、色彩與元件語言保持一致。當你需要的是可供後續 Stitch 生成沿用的提示式設計指引,而不只是視覺摘要時,請使用 design-md 來建立 Design Systems。
作者 trailofbits
sharp-edges 技能可協助你找出那些一旦走「最簡單路徑」,就容易導致不安全使用的 API、設定與介面。可用來檢視驗證流程、加密包裝、危險預設值、null 或 zero 的語意,以及容易被誤用的設計選擇。當你需要的是具體的踩雷點,而不是泛泛的資安猜測時,它很適合用於 Security Audit 的 sharp-edges 工作。
作者 deanpeters
lean-ux-canvas 協助團隊界定商業問題、梳理假設,並使用 Lean UX Canvas v2 定義下一步要學什麼。當你在解決方案設計前,需要一份實用的 lean-ux-canvas 指南,用於工作坊準備、利害關係人對齊,以及早期產品探索時,這個技能特別適合。