ui-ux-designer
✓웹 애플리케이션, 모바일 앱, 디자인 시스템을 위한 최신 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
웹 애플리케이션, 모바일 앱, 디자인 시스템을 위한 최신 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이란?
웹 애플리케이션, 모바일 앱, 디자인 시스템을 위한 최신 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에서 사용할 수 있습니다
소스 저장소는 어디인가요?
https://github.com/hummbl-dev/hummbl-claude-skills
상세
- 카테고리
- *크리에이티브
- 출처
- skills.sh
- 최초 등록
- 2026-02-03