文件
讓 AI 工具掌握專業 UX 設計方法的完整指南
為什麼使用 Good UX Skills?
專業 UX 方法
5 個設計思考流程技能（Empathize、Define、Ideate、Prototype、Test），整合 11 個參考資料（2 個使用指引 + 9 個詳細方法），讓 AI 能夠提供專業級的設計建議。
內建 20 個 UI 風格
內建 20 個精選 UI 風格資料庫,涵蓋科技極簡、賽博龐克、日式和風等多種風格,快速提升介面設計品質。
處理複雜業務需求
特別針對 B2B SaaS、企業後台、多角色系統等複雜場景優化,能夠理解並拆解複雜的業務流程。
跨工具互通
基於 Agent Skills 開放標準,可在 Windsurf、Claude Code 等支援的 AI 工具中使用。
快速開始
安裝
使用 npx 快速安裝,無需全域安裝:
npx goodux-ux-skills技能會自動複製到 .agents/skills 目錄
使用範例
隱式調用(自動)
直接描述你的需求,AI 會自動選擇合適的技能:
範例 1: 使用者研究
"我需要了解使用者為什麼放棄購物車,該怎麼做?"
→ AI 會自動使用 empathize 技能
範例 2: 介面設計
"幫我設計一個電商結帳頁面的線框圖"
→ AI 會自動使用 ideate 技能
範例 3: 可用性測試
"我想測試這個新功能是否好用"
→ AI 會自動使用 test 技能
顯式調用(手動)
在 Windsurf 等工具中,可以直接指定技能名稱:
使用 /skills 選單
使用 $ 符號(Windsurf)
支援的 AI 工具
在這些工具中使用 Good UX Skills
Windsurf
使用 $skill-name 或 /skills 選單觸發技能
Claude Code
自動掃描 .agents/skills 目錄並載入技能
Cursor
支援自訂 AI 指令,可整合 Agent Skills 技能庫
其他工具
任何支援 Agent Skills 標準的工具
常見問題
Q: 技能沒有被 AI 偵測到怎麼辦?
A: 確認技能已正確安裝到 .agents/skills 目錄。 如果使用 Windsurf,可以重啟編輯器讓它重新掃描技能。
Q: 可以自訂或修改技能嗎?
A: 可以!技能都是 Markdown 格式的文件,你可以直接編輯 .agents/skills/*/SKILL.md 來調整內容。
Q: 如何更新到最新版本?
A: 重新執行 npx goodux-ux-skills 即可更新到最新版本。 已存在的技能會被跳過,只會安裝新增的技能。
Q: 技能適用於哪些類型的專案?
A: 這些技能特別適合 B2B SaaS、企業後台、多角色系統等複雜業務場景, 也同樣適用於一般的網站、App 設計專案。