오늘의 AI 로고오늘의 AI
스킬 관리Skill조회 0

UI UX Pro Max

UI/UX 디자인 인텔리전스를 제공하는 웹 및 모바일용 도구입니다.

01

언제 사용하는가

웹과 모바일을 위한 UI/UX 설계 지능.

50개 이상의 스타일, 161가지 색상 팔레트, 57가지 폰트 조합, 161가지 제품 유형, 99가지 UX 가이드라인 및 25가지 차트 유형을 포함하며, React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui, HTML/CSS 등 10개 스택에 걸쳐 제공됩니다.

작업: 계획, 구축, 생성, 설계, 실행, 검토, 수정, 개선, 최적화, 향상, 재구성 및 UI/UX 코드 확인.

프로젝트: 웹사이트, 랜딩 페이지, 대시보드, 관리자 패널, 전자 상거래, SaaS, 포트폴리오, 블로그 및 모바일 앱.

요소: 버튼, 모달, 네비게이션 바, 사이드바, 카드, 표, 폼 및 차트.

스타일: 글래스모르피즘, 클레이모르피즘, 미니멀리즘, 브루탈리즘, 뉘모르피즘, 벤토 그리드, 다크 모드, 반응형, 스케우오모르피즘 및 플랫 디자인.

주제: 색상 시스템, 접근성, 애니메이션, 레이아웃, 폰트 조합, 간격, 상호작용 상태, 그림자 및 기울기.

통합: shadcn/ui MCP를 사용한 컴포넌트 검색 및 예시 제공.

02

따라 하는 방법

  1. python3 --version || python --version을 실행합니다.
  2. python3 skills/ui-ux-pro-max/scripts/search.py "<product_type> <industry> <keywords>" --design-system [-p "Project Name"]을 실행합니다.
  3. python3 skills/ui-ux-pro-max/scripts/search.py "beauty spa wellness service" --design-system -p "Serenity Spa"을 실행합니다.
  4. python3 skills/ui-ux-pro-max/scripts/search.py "<query>" --design-system --persist -p "Project Name"을 실행합니다.
03

설치 방법

npx skills add installs: 257439 --skill ui-ux-pro-max