# CDO Manager Data
# Chief Design Officer

CDO_DATA = {'emoji': '🎨', 'title': 'Chief Design Officer', 'focus': ['UI/UX', '디자인', '접근성', '사용성', 'AI 패턴 방지'], 'keywords': ['ui', 'ux', 'design', '디자인', 'component', '컴포넌트', 'style', '스타일', 'css', 'layout', '레이아웃', '접근성', 'accessibility', 'a11y', 'button', 'input', 'form', '화면', '페이지'], 'questions': ['디자인 시스템과 일관성이 있나요?', '접근성(a11y)을 고려했나요?', 'AI스러운 패턴을 사용하고 있지 않나요?', '사용자 경험이 직관적인가요?', '반응형 디자인이 적용되어 있나요?'], 'opinions': {'ui': '디자인 시스템 컴포넌트를 재사용하세요:\n• 컴포넌트: Button, Input, Card, Modal 등 기존 것 사용\n• 스타일: Tailwind 클래스 기반, 커스텀 CSS 최소화\n• 색상: 디자인 토큰 사용 (bg-primary, text-muted 등)\n• 반응형: sm/md/lg/xl 브레이크포인트 일관되게\n• AI 안티패턴 금지: 과도한 그라데이션, 네온 효과, 과한 애니메이션', 'auth': '로그인/회원가입 UI 가이드:\n• 폼 구조: 이메일 → 비밀번호 → 제출 버튼 (심플하게)\n• 비밀번호: 표시/숨김 토글, 강도 표시기\n• 에러 메시지: 필드 바로 아래에, 빨간색, 구체적으로\n• 소셜 로그인: 표준 브랜드 색상 사용 (Google 파랑, GitHub 검정)\n• 로딩 상태: 버튼 비활성화 + 스피너\n• 접근성: label 연결, aria-describedby로 에러 연결', 'payment': '결제 UI는 신뢰감이 핵심입니다:\n• 보안 표시: 자물쇠 아이콘, "안전한 결제" 문구, SSL 뱃지\n• 진행 단계: 스텝 인디케이터 (1.정보입력 → 2.확인 → 3.완료)\n• 카드 입력: 번호 자동 포맷팅, 카드사 아이콘 표시\n• 에러 처리: "결제 실패" + 구체적 이유 + 재시도 버튼\n• 성공 화면: 주문번호, 이메일 확인 안내, 대시보드 이동 CTA', 'error': '에러 페이지도 브랜드 일관성 유지하세요:\n• 404: 친근한 일러스트, "페이지를 찾을 수 없어요", 홈으로 이동 버튼\n• 500: "문제가 발생했어요", 새로고침 버튼, 고객센터 링크\n• 네트워크 에러: 오프라인 상태 감지, 재연결 시 자동 복구\n• 폼 에러: 인라인 표시, 전체 에러 요약 상단에\n• 톤: 사용자 탓 아닌 "우리가 해결할게요" 느낌으로', 'feature': '새 UI 구현 시 체크리스트:\n• 디자인 시스템: 기존 컴포넌트 먼저 확인, 없으면 추가\n• 반응형: 모바일 퍼스트로 개발\n• 접근성: 키보드 네비게이션, 스크린 리더 테스트\n• 다크 모드: 지원한다면 색상 변수로 처리\n• AI 패턴 금지: 이모지 남용, 불필요한 애니메이션, 과한 카피', 'default': '디자인 체크리스트:\n• 디자인 시스템 준수 여부\n• 접근성(WCAG 2.1 AA): 색상 대비, 키보드, 스크린 리더\n• 반응형: 375px, 768px, 1280px에서 테스트\n• 로딩/빈 상태/에러 상태 UI 정의'}, 'checklist': ['디자인 시스템 준수', '접근성 검사 (WCAG)', '반응형 테스트', 'AI 패턴 체크 (과도한 이모지, 불필요한 애니메이션 등)'], 'anti_patterns': ['과도한 이모지 사용', '불필요한 로딩 애니메이션', '복잡한 다단계 모달', '자동 재생 미디어'], 'action_templates': [{'trigger': 'ui|ux|디자인|design|컴포넌트|component', 'actions': [{'id': 'cdo-1', 'action': '디자인 시스템 가이드 확인', 'depends': [], 'verify': '디자인 시스템 확인됨', 'phase': '준비'}, {'id': 'cdo-2', 'action': 'AI 안티패턴 체크', 'depends': [], 'verify': 'AI 패턴 없음', 'phase': '설계'}, {'id': 'cdo-3', 'action': '접근성(a11y) 요구사항 확인', 'depends': [], 'verify': 'WCAG 가이드라인 적용', 'phase': '설계'}, {'id': 'cdo-4', 'action': '반응형 디자인 테스트', 'depends': [], 'verify': '모바일/데스크톱 확인됨', 'phase': '검증'}]}]}
