ui-ux-pro-max

SKILL.md

Comprehensive design guide for web and mobile applications. Contains 50+ styles, 97 color palettes, 57 font pairings, 99 UX guidelines, and 25 chart types across 9 technology stacks. Searchable database with priority-based recommendations.

Step 1: Analyze User Requirements Identify what the user wants to build and the constraints.

Step 2: Generate Design System (REQUIRED) ALWAYS run the designsystem.py script to generate a cohesive design system (colors, typography, spacing, radius, shadows) tailored to the requirements.

UI/UX 디자인 인텔리전스. 50개 스타일, 21개 팔레트, 50개 글꼴 쌍, 20개 차트, 9개 스택(React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui). 작업: UI/UX 코드를 계획, 구축, 생성, 디자인, 구현, 검토, 수정, 개선, 최적화, 향상, 리팩터링, 확인합니다. 프로젝트: 웹사이트, 랜딩 페이지, 대시보드, 관리 패널, 전자상거래, SaaS, 포트폴리오, 블로그, 모바일 앱, .html, .tsx, .vue, .svelte. 요소: 버튼, 모달, 탐색 모음, 사이드바, 카드, 테이블, 양식, 차트. 스타일: 유리 형태, 점토 형태, 미니멀리즘, 잔혹성, 뉴모피즘, 도시락 그리드, 다크 모드, 반응형, 스큐어모피즘, 플랫 디자인. 주제: 색상 팔레트, 접근성, 애니메이션, 레이아웃, 타이포그래피, 글꼴 페어링, 간격, 호버, 그림자, 그라데이션. 통합: 구성 요소 검색 및 예제를 위한 shadcn/ui MCP. 출처: kevingastelum/polymind.

원본 보기