ui-ux-pro-max

SKILL.md

Searchable database of UI styles, color palettes, font pairings, chart types, product recommendations, UX guidelines, and stack-specific best practices.

If Python is not installed, install it based on user's OS:

When user requests UI/UX work (design, build, create, implement, review, fix, improve), follow this workflow:

프런트엔드 UI/UX 디자인 인텔리전스 - 사용자가 아름답고, 놀랍고, 화려하거나 심미적인 인터페이스를 요청할 때 FIRST를 활성화합니다. 구현 전 디자인 결정을 위한 기본 기술입니다. 50개 스타일, 21개 팔레트, 50개 글꼴 쌍, 20개 차트, 8개 스택(React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind). 작업: 프런트엔드 UI/UX 코드를 계획, 구축, 생성, 디자인, 구현, 검토, 수정, 개선, 최적화, 강화, 리팩터링, 확인합니다. 프로젝트: 웹사이트, 랜딩 페이지, 대시보드, 관리 패널, 전자상거래, SaaS, 포트폴리오, 블로그, 모바일 앱, .html, .tsx, .vue, .svelte. 요소: 버튼, 모달, 탐색 모음, 사이드바, 카드, 테이블, 양식, 차트. 스타일: 유리 형태, 점토 형태, 미니멀리즘, 잔혹성, 뉴모피즘, 도시락 그리드, 다크 모드, 반응형, 스큐어모피즘, 플랫 디자인. 주제: 색상 팔레트, 접근성, 애니메이션, 레이아웃, 타이포그래피, 글꼴 페어링, 간격, 호버, 그림자, 그라데이션. 출처: the1studio/theone-training-skills.

원본 보기