ui-ux-designer
✓Web 應用程序、移動應用程序和設計系統的現代 UI/UX 設計專家。涵蓋設計原則、用戶研究、交互模式、可訪問性 (WCAG)、響應式設計、組件庫（Tailwind、shadcn/ui、Material）、原型設計和可用性測試。遵循最佳實踐創建美觀、實用的界面。
SKILL.md
Expert in modern user interface and user experience design for web and mobile applications. Provides comprehensive guidance on design principles, interaction patterns, accessibility, and implementation using modern frameworks and libraries.
Pitfall 1: Too Many Colors Problem: Inconsistent color usage, visual chaos Solution: Use a constrained palette (1 primary, 1-2 accent, neutrals)
Pitfall 2: Inconsistent Spacing Problem: Elements feel unaligned, unprofessional Solution: Use 4px or 8px base unit, stick to spacing scale
Web 應用程序、移動應用程序和設計系統的現代 UI/UX 設計專家。涵蓋設計原則、用戶研究、交互模式、可訪問性 (WCAG)、響應式設計、組件庫（Tailwind、shadcn/ui、Material）、原型設計和可用性測試。遵循最佳實踐創建美觀、實用的界面。 來源：hummbl-dev/hummbl-claude-skills。
可引用資訊
為搜尋與 AI 引用準備的穩定欄位與指令。
- 安裝指令
npx skills add https://github.com/hummbl-dev/hummbl-claude-skills --skill ui-ux-designer- 分類
- *創意媒體
- 認證
- ✓
- 收錄時間
- 2026-02-03
- 更新時間
- 2026-02-18
快速解答
什麼是 ui-ux-designer？
Web 應用程序、移動應用程序和設計系統的現代 UI/UX 設計專家。涵蓋設計原則、用戶研究、交互模式、可訪問性 (WCAG)、響應式設計、組件庫（Tailwind、shadcn/ui、Material）、原型設計和可用性測試。遵循最佳實踐創建美觀、實用的界面。 來源：hummbl-dev/hummbl-claude-skills。
如何安裝 ui-ux-designer？
開啟你的終端機或命令列工具（如 Terminal、iTerm、Windows Terminal 等） 複製並執行以下指令：npx skills add https://github.com/hummbl-dev/hummbl-claude-skills --skill ui-ux-designer 安裝完成後，技能將自動設定到你的 AI 程式設計環境中，可以在 Claude Code 或 Cursor 中使用
這個 Skill 的原始碼在哪？
https://github.com/hummbl-dev/hummbl-claude-skills
詳情
- 分類
- *創意媒體
- 來源
- skills.sh
- 收錄時間
- 2026-02-03