Getting Started
只需要簡單幾個步驟,就能將專業的 UX 設計技能整合到你的開發流程中。
1
安裝套件
首先，你需要將 Good UX Skills 安裝到你的開發環境中。請開啟終端機並執行以下指令：
安裝所有技能
npx goodux-ux-skills進階用法：
npx goodux-ux-skills --tool cursor --tool claude-code # 支援多個工具npx goodux-ux-skills --list-tools # 列出支援的工具npx goodux-ux-skills -f # 強制覆蓋更新這個指令會自動將 5 個設計思考流程技能（Empathize、Define、Ideate、Prototype、Test）下載並安裝到 .agents/skills 目錄。Ideate 技能內建 20 個 UI 風格。支援 6 種 AI 工具（Windsurf、Cursor、Claude Code、Continue、Cline、Aider）。
2
準備 AI 工具
要使用這些技能,你需要一個支援 Agent Skills 標準的 AI 工具。我們推薦以下幾款:
Windsurf
內建強大的 AI 代理功能,能完美整合技能庫。使用 /skill 命令。
Cursor
AI-first 程式碼編輯器,支援 Agent Skills。使用 /skill 命令。
Claude Code
Anthropic 官方開發工具,原生支援 Agent Skills。使用 /skill 命令。
Continue
開源 AI 編碼助手,支援多種模型。使用 @skill 命令。
3
開始呼叫技能
有三種方式可以觸發這些 UX 技能:
顯式呼叫 (Explicit)
直接在對話中輸入技能名稱:
「$ideate 幫我設計一個電商結帳頁面的線框圖」
斜線命令 (Slash Command)
使用斜線命令快速觸發技能:
Windsurf/Cursor: /prototype
Continue: @prototype
隱式觸發 (Implicit)
用自然語言描述需求,AI 會自動配對適合的技能:
「我們需要了解使用者為什麼在購物車放棄結帳,請幫我規劃一下該怎麼做。」
→ AI 會自動載入 empathize 技能
學習路徑建議
1. 探索階段
先了解所有可用的技能與它們的適用情境。
2. 實踐階段
從單一技能開始,例如在下個專案中試用「Empathize 同理洞察」技能。
3. 整合階段
將多個技能組合使用,建立完整的 UX 流程。