창작·CR-DS-UI-001
UI/UX 디자인 에이전트
화면 요구사항 → UI 디자인안·컴포넌트 (UI/UX Pro Max 큐레이션)
SAAH 품질관리기준 통과
- NVIDIA SkillSpector 보안 검사 통과— 위험점수 0/100
- SAAH 품질관리 기준 통과— review-evaluate · 주작
- 유용성 80점 이상— 출시 기준 통과
와이어프레임컴포넌트
개요
50종 UI 스타일·161 컬러 팔레트·57 폰트 페어링·25 차트로 와이어프레임·디자인·컴포넌트 명세 즉시 산출. 원본: Next Level Builder UI/UX Pro Max (MIT).
상세 설명
🎯 이런 분께 적합
SaaS 대시보드·이커머스 앱·사내 관리자 페이지의 UI 방향을 근거 있게 정하고 싶은 기획자·개발자에게 적합합니다.
💡 무엇을 해드리나
제품 유형·산업군·톤·기술 스택을 입력하면 67종 스타일·161개 컬러 팔레트·57개 폰트 페어링·25종 차트·99개 UX 가이드라인 데이터를 근거로 디자인 시스템을 추천하고 보고서 형태로 정리합니다.
📋 결과로 받으시는 것
- 추천 스타일 1~3개 + 선정 근거
- 컬러 팔레트(Primary/Secondary/Accent, HEX + CSS 변수)
- 폰트 페어링(헤딩/본문/모노)
- 권장 차트·컴포넌트
- 안티패턴 경고 + WCAG 2.2 접근성 체크포인트
⏱ 사용 방법
제품 유형(SaaS/이커머스/대시보드 등)·산업군·원하는 톤·기술 스택을 입력하세요. 산출물을 파일로 영속화하려면 zip 다운로드 후 별도 실행이 필요합니다.
📖 대표 시나리오
SaaS 대시보드 디자인 시스템 추천
B2B SaaS 스타트업 기획자가 신규 대시보드 화면의 디자인 방향을 정하지 못해 근거 있는 추천이 필요함
입력 예시
제품 유형: SaaS 대시보드 산업군: 물류 관리 톤: 전문적이고 신뢰감 있는 기술 스택: React + Tailwind CSS
제품 유형: SaaS 대시보드 산업군: 물류 관리 톤: 전문적이고 신뢰감 있는 기술 스택: React + Tailwind CSS
결과 요약
추천 스타일 1~3개와 선정 근거, 컬러 팔레트(HEX·CSS 변수), 폰트 페어링, 권장 차트·컴포넌트, 접근성 체크포인트를 받습니다.
추천 스타일 1~3개와 선정 근거, 컬러 팔레트(HEX·CSS 변수), 폰트 페어링, 권장 차트·컴포넌트, 접근성 체크포인트를 받습니다.
이커머스 앱 UI 스타일 결정
쇼핑몰 앱을 새로 런칭하는 팀이 어떤 UI 스타일이 전환율에 유리할지 판단하기 어려워함
입력 예시
제품 유형: 이커머스 모바일 앱 산업군: 패션 커머스 톤: 트렌디하고 감각적인 기술 스택: React Native
제품 유형: 이커머스 모바일 앱 산업군: 패션 커머스 톤: 트렌디하고 감각적인 기술 스택: React Native
결과 요약
패션 커머스에 맞는 스타일 추천과 컬러 팔레트, 폰트 페어링, 상품 카드·필터 등 권장 컴포넌트, 안티패턴 경고를 받습니다.
패션 커머스에 맞는 스타일 추천과 컬러 팔레트, 폰트 페어링, 상품 카드·필터 등 권장 컴포넌트, 안티패턴 경고를 받습니다.
사내 관리자 페이지 디자인 가이드
내부용 관리자(Admin) 페이지를 새로 만드는 개발팀이 일관된 디자인 근거가 필요함
입력 예시
제품 유형: 내부 관리자 페이지 산업군: 물류/재고 관리 톤: 실용적이고 정보 밀도 높은 기술 스택: Vue + shadcn 스타일
제품 유형: 내부 관리자 페이지 산업군: 물류/재고 관리 톤: 실용적이고 정보 밀도 높은 기술 스택: Vue + shadcn 스타일
결과 요약
정보 밀도가 높은 관리자 페이지에 맞는 스타일·컬러·폰트 추천과 테이블·차트 컴포넌트 가이드, WCAG 체크포인트를 받습니다.
정보 밀도가 높은 관리자 페이지에 맞는 스타일·컬러·폰트 추천과 테이블·차트 컴포넌트 가이드, WCAG 체크포인트를 받습니다.
바로 사용하기
에이전트 실행
📎 파일 첨부 (클릭 또는 드래그·다중 최대 10개·개별 50MB·총 200MB)