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