Community이미지github.com

kimny1143/ui-ux-pro-max

UI/UX 디자인 인텔리전스. UI/UX 코드를 계획, 구축, 설계, 구현, 검토 및 개선합니다. 스타일: 이미지 우선, 편집 디자인, 미니멀리즘, 다크 모드, 반응형. 프로젝트: 랜딩 페이지, 대시보드, SaaS, 모바일 앱.

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

이 스킬은 AI 에이전트(예: Claude Code, Cursor, Codex)가 UI/UX 디자인 및 구현 작업을 수행할 수 있도록 설계된 종합적인 도구입니다. 'kimny1143/ui-ux-pro-max'는 단순한 코드 생성을 넘어, 디자인 계획 수립부터 최종 구현, 코드 리뷰 및 지속적인 개선까지 전체 UI/UX 개발 워크플로우를 지원합니다. 주요 디자인 스타일로는 이미지 중심의 시각적 레이아웃(image-first), 편집 디자인(editorial design), 미니멀리즘(minimalism), 다크 모드(dark mode), 그리고 반응형 디자인(responsive)을 지원하며, 이를 통해 랜딩 페이지, 대시보드, SaaS 애플리케이션, 모바일 앱 등 다양한 프로젝트 유형에 대응할 수 있습니다. 이 스킬은 에이전트가 사용자 요청을 분석하고 적절한 디자인 패턴과 최신 웹 표준을 적용하여 고품질의 UI/UX 코드를 생성하도록 안내합니다.

지원 대상~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/kimny1143/claude-code-template/tree/main/skills/ui-ux-pro-max

Installed? Explore more 이미지 skills: steipete/songsee, affaan-m/frontend-design, mattpocock/improve-codebase-architecture · View all 6 →

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

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

문서

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

UI/UX 디자인 인텔리전스. UI/UX 코드를 계획, 구축, 설계, 구현, 검토 및 개선합니다.

지원 스타일

  • 이미지 우선(Image-first): 시각적 요소를 중심으로 한 레이아웃
  • 편집 디자인(Editorial design): 잡지와 같은 세련된 타이포그래피와 레이아웃
  • 미니멀리즘(Minimalism): 불필요한 요소를 제거한 깔끔한 디자인
  • 다크 모드(Dark mode): 어두운 배경에 최적화된 디자인
  • 반응형(Responsive): 다양한 화면 크기에 대응하는 디자인

지원 프로젝트 유형

  • 랜딩 페이지(Landing page): 마케팅 및 전환 중심의 단일 페이지
  • 대시보드(Dashboard): 데이터 시각화 및 관리를 위한 인터페이스
  • SaaS(Software as a Service): 구독 기반 웹 애플리케이션
  • 모바일 앱(Mobile app): 모바일 기기용 애플리케이션

사용 방법

AI 에이전트에게 원하는 UI/UX 작업을 설명할 때 다음 정보를 포함하세요:

  1. 프로젝트 유형: 위 목록 중 선택
  2. 디자인 스타일: 위 목록 중 하나 이상 선택
  3. 구체적인 요구사항: 색상, 레이아웃, 기능 등에 대한 선호사항

예시 명령어

랜딩 페이지를 만들어줘. 스타일은 이미지 우선에 다크 모드를 적용해.
대시보드 디자인을 개선해줘. 미니멀리즘 스타일로 리뷰하고 수정해줘.

관련 스킬