TTechSpecs
首頁主題總覽搜尋
UI UX Pro Max

Knowledge map

依主題進入完整的學習路徑。

OOpenSpec規格驅動開發SSuperpowersAI 開發方法論MMatt Pocock's Engineering Skills可組合的 AI 工程工作流技能庫CCodegraph程式碼知識圖譜工具CCodebase Memory程式碼記憶與知識圖譜 MCPOOh My OpenAgentAI 代理編排系統CClaude-MemClaude Code 持久化記憶系統UUI UX Pro Max把模糊需求變成可實作、可驗收的介面OOh My ClaudeCodeClaude Code 多代理編排系統OOh My Codex (OMX)Codex CLI 工作流增強層PPonytail讓 AI 編碼代理像最懶的資深工程師AAgent Reach給 AI Agent 一鍵安裝網路讀寫能力MMemPalace本地優先的 AI 記憶宮殿CCatDesk把 ChatGPT Web 變成本地 Coding AgentGGraphifyCodebase 知識圖譜
搜尋
✺UI UX Pro Max主題學習路徑← 回到全部主題
請輸入關鍵字進行離線靜態搜尋

基礎觀念

  • 新手指南:UI/UX Pro Max 功能導覽與快速上手
  • 現代 UI 風格:從需求到第一個畫面
  • 視覺層級與 Design Tokens
  • 微互動與動畫過渡
  • 無障礙設計與可操作的元件契約
  • v2.14:全域更新與 Universal 目標
  • v2.15:語意搜尋與目錄品質升級

Skills

  • 任務導向的資料視覺化
  • 可讀性優先的字體配對
  • 情境化色彩 Token
  • 把風格轉成元件規則
  • 安全交付設計 Token
  • 證據化 UX 審查

工作流組合

  • 設計系統生成工作流:從 brief 到元件
  • UI/UX 審查工作流:從任務到修正

實戰範例

  • 實戰範例 001:打造 Glassmorphism 監控儀表板
  • 實戰範例 002:建立可探索的營運資料儀表板
  • 實戰範例 003:用 Design Tokens 建立主題切換器
  • 實戰範例 004:建立可恢復的無障礙退款表單
  • 實戰範例 005:用圖表回答營運問題
  • 實戰範例 006:優化品牌字體與 CLS
  • 實戰範例 007:建立真正可用的深色模式
  • 實戰範例 008:完成一次可重跑的 UX 審查
  • 實戰範例 009:第一次為新專案建立配色與主題
  • 實戰範例 010:為繁中內容站挑選字體配對

平台安裝

  • 在 Claude Code 中使用 UI UX Pro Max
  • 在 Codex 中使用 UI UX Pro Max
  • 在 GitHub Copilot 中使用 UI UX Pro Max
  • 在 OpenCode 中使用 UI UX Pro Max
⏱ 版本更新紀錄
UI UX Pro Max v2.15.0 · 繁體中文
✺

Theme / v2.15.0

UI UX Pro Max

把模糊需求變成可實作、可驗收的介面

主題首頁GitHub ↗

Foundations

基礎觀念

  • 新手指南:UI/UX Pro Max 功能導覽與快速上手
    用一張表看完 UI/UX Pro Max 的六大能力對應的 skill 與痛點,並走完一次從需求到設計 Token 交付的快速上手流程。
  • 現代 UI 風格:從需求到第一個畫面
    學習如何從產品情境選擇 UI 風格,並用 Glassmorphism、Minimalism 等視覺語言建立第一個可實作的頁面方向。
  • 視覺層級與 Design Tokens
    從原始色票、字級和間距建立語意化 Design Tokens,讓 AI 產生的元件保持一致,也能支援深色模式。
  • 微互動與動畫過渡
    理解微互動的觸發、回饋和狀態,使用 CSS 建立有目的的過渡動畫,並支援 prefers-reduced-motion。
  • 無障礙設計與可操作的元件契約
    從語意 HTML、鍵盤焦點、表單標籤和對比度開始,把 Accessibility 規範落實到每個 UI 元件。
  • v2.14:全域更新與 Universal 目標
    以 v2.14.2 的 CLI 選項更新所有安裝範圍,並建立跨 AI 平台的設計技能設定。
  • v2.15:語意搜尋與目錄品質升級
    理解 v2.15.0 的 BM25 路由、current/legacy 分流,以及 79 styles、1,260 條 stack 指引的新目錄規模。
TechSpecs/把 AI 開發方法整理成可驗證的路徑。v1.0.0 · 2026-08-13
搜尋文件GitHub… 位訪客