Communitygithub.com

pixel-process-ug/ui-ux-pro-max

사용자가 스타일, 색상 팔레트, 글꼴, UX 가이드라인, 차트 선택, 접근성 및 성능 최적화 구현 등 전체 UI/UX 디자인 인텔리전스를 필요로 할 때 사용합니다. 지원되는 모든 스택에서 사용자 인터페이스 구축 시 트리거됩니다.

ui-ux-pro-max란 무엇인가요?

이 스킬은 UI/UX 디자인 전반에 걸친 심층적인 인텔리전스를 제공하는 전문 도구입니다. 주로 Claude Code, Cursor, Codex와 같은 AI 에이전트 환경에서 사용자에게 디자인 관련 요청('디자인', 'UI', 'UX', '색상 팔레트', '타이포그래피', '접근성', '반응형 디자인', '차트 유형', '스타일 가이드' 등)이 들어왔을 때 활성화됩니다. 이 스킬은 색상 이론, 타이포그래피 규칙, UX 원칙, 접근성(WCAG) 가이드라인, 차트 선택 기준, 반응형 디자인 패턴을 종합적으로 분석하여, 개발자가 미적으로 뛰어나고 성능이 우수하며 접근성을 갖춘 사용자 인터페이스를 구축할 수 있도록 지원합니다. 지원되는 모든 기술 스택(Laravel, React, Vue, Angular 등)에 대해 일관된 디자인 지침과 구현 예제를 제공하며, 컴포넌트 기반 디자인 시스템 구축을 위한 모범 사례도 포함합니다. 이를 통해 개발자는 디자인 전문 지식 없이도 전문가 수준의 UI/UX 결정을 내릴 수 있습니다.

지원 대상~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/pixel-process-ug/superkit-agents/tree/main/skills/ui-ux-pro-max

즐겨 사용하는 AI에게 물어보기

이 에이전트 스킬이 미리 로드된 새 채팅을 엽니다.

문서

ui-ux-pro-max은(는) 무엇을 하나요?

사용자가 스타일, 색상 팔레트, 글꼴, UX 가이드라인, 차트 선택 및 지원되는 모든 스택에서의 접근성과 성능 최적화 구현 등 전체 UI/UX 디자인 인텔리전스를 필요로 할 때 사용합니다. 트리거: 사용자가 "디자인", "UI", "UX", "색상 팔레트", "타이포그래피", "접근성", "반응형 디자인", "차트 유형", "스타일 가이드"를 말하거나, 사용자 대면 인터페이스를 구축할 때.

관련 스킬