ui-ux-designer
✓Modern UI/UX design specialist for web applications, mobile apps, and design systems. Covers design principles, user research, interaction patterns, accessibility (WCAG), responsive design, component libraries (Tailwind, shadcn/ui, Material), prototyping, and usability testing. Creates beautiful, functional interfaces following best practices.
Installation
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
Modern UI/UX design specialist for web applications, mobile apps, and design systems. Covers design principles, user research, interaction patterns, accessibility (WCAG), responsive design, component libraries (Tailwind, shadcn/ui, Material), prototyping, and usability testing. Creates beautiful, functional interfaces following best practices. Source: hummbl-dev/hummbl-claude-skills.
Facts (cite-ready)
Stable fields and commands for AI/search citations.
- Install command
npx skills add https://github.com/hummbl-dev/hummbl-claude-skills --skill ui-ux-designer- Category
- *Creative Media
- Verified
- ✓
- First Seen
- 2026-02-03
- Updated
- 2026-02-18
Quick answers
What is ui-ux-designer?
Modern UI/UX design specialist for web applications, mobile apps, and design systems. Covers design principles, user research, interaction patterns, accessibility (WCAG), responsive design, component libraries (Tailwind, shadcn/ui, Material), prototyping, and usability testing. Creates beautiful, functional interfaces following best practices. Source: hummbl-dev/hummbl-claude-skills.
How do I install ui-ux-designer?
Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/hummbl-dev/hummbl-claude-skills --skill ui-ux-designer Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code or Cursor
Where is the source repository?
https://github.com/hummbl-dev/hummbl-claude-skills
Details
- Category
- *Creative Media
- Source
- skills.sh
- First Seen
- 2026-02-03