ui-ux-pro-max
✓UI/UX 設計智能。 50 種樣式、21 個調色板、50 種字體配對、20 個圖表、9 個堆棧（React、Next.js、Vue、Svelte、SwiftUI、React Native、Flutter、Tailwind、shadcn/ui）。行動：計劃、構建、創建、設計、實施、審查、修復、改進、優化、增強、重構、檢查 UI/UX 代碼。項目：網站、登陸頁面、儀表板、管理面板、電子商務、SaaS、投資組合、博客、移動應用程序、.html、.tsx、.vue、.svelte。元素：按鈕、模式、導航欄、側邊欄、卡片、表格、表單、圖表。風格：玻璃形態、粘土形態、極簡主義、野獸派、新形態、便當網格、深色模式、響應式、擬物化、平面設計。主題：調色板、輔助功能、動畫、佈局、排版、字體配對、間距、懸停、陰影、漸變。集成：shadcn/ui MCP 用於組件搜索和示例。
SKILL.md
Comprehensive design guide for web and mobile applications. Contains 50+ styles, 97 color palettes, 57 font pairings, 99 UX guidelines, and 25 chart types across 9 technology stacks. Searchable database with priority-based recommendations.
| 1 | Accessibility | CRITICAL | ux | | 2 | Touch & Interaction | CRITICAL | ux | | 3 | Performance | HIGH | ux | | 4 | Layout & Responsive | HIGH | ux | | 5 | Typography & Color | MEDIUM | typography, color | | 6 | Animation | MEDIUM | ux | | 7 | Style Selection | MEDIUM | style, product | | 8 | Charts & Data | LOW | chart |
If Python is not installed, install it based on user's OS:
可引用資訊
為搜尋與 AI 引用準備的穩定欄位與指令。
- 安裝指令
npx skills add https://github.com/vibery-studio/templates --skill ui-ux-pro-max- 分類
- *創意媒體
- 認證
- ✓
- 收錄時間
- 2026-02-01
- 更新時間
- 2026-02-18
快速解答
什麼是 ui-ux-pro-max？
UI/UX 設計智能。 50 種樣式、21 個調色板、50 種字體配對、20 個圖表、9 個堆棧（React、Next.js、Vue、Svelte、SwiftUI、React Native、Flutter、Tailwind、shadcn/ui）。行動：計劃、構建、創建、設計、實施、審查、修復、改進、優化、增強、重構、檢查 UI/UX 代碼。項目：網站、登陸頁面、儀表板、管理面板、電子商務、SaaS、投資組合、博客、移動應用程序、.html、.tsx、.vue、.svelte。元素：按鈕、模式、導航欄、側邊欄、卡片、表格、表單、圖表。風格：玻璃形態、粘土形態、極簡主義、野獸派、新形態、便當網格、深色模式、響應式、擬物化、平面設計。主題：調色板、輔助功能、動畫、佈局、排版、字體配對、間距、懸停、陰影、漸變。集成：shadcn/ui MCP 用於組件搜索和示例。 來源：vibery-studio/templates。
如何安裝 ui-ux-pro-max？
開啟你的終端機或命令列工具（如 Terminal、iTerm、Windows Terminal 等） 複製並執行以下指令：npx skills add https://github.com/vibery-studio/templates --skill ui-ux-pro-max 安裝完成後，技能將自動設定到你的 AI 程式設計環境中，可以在 Claude Code 或 Cursor 中使用
這個 Skill 的原始碼在哪？
https://github.com/vibery-studio/templates
詳情
- 分類
- *創意媒體
- 來源
- skills.sh
- 收錄時間
- 2026-02-01