# CDO Manager Data
# Chief Design Officer

CDO_DATA = {'emoji': '🎨', 'title': 'Chief Design Officer', 'focus': ['UI/UX', 'Design', 'Accessibility', 'Usability', 'AI Pattern Prevention'], 'keywords': ['ui', 'ux', 'design', 'component', 'style', 'css', 'layout', 'accessibility', 'a11y', 'button', 'input', 'form', 'screen', 'page'], 'questions': ['Is it consistent with the design system?', 'Did you consider accessibility (a11y)?', 'Are you using AI-ish patterns?', 'Is the user experience intuitive?', 'Is responsive design applied?'], 'opinions': {'ui': "Reuse design system components:\n• Components: Use existing Button, Input, Card, Modal, etc.\n• Styles: Tailwind class-based, minimize custom CSS\n• Colors: Use design tokens (bg-primary, text-muted, etc.)\n• Responsive: Consistent sm/md/lg/xl breakpoints\n• No AI anti-patterns: Excessive gradients, neon effects, over-the-top animations", 'auth': "Login/Signup UI guide:\n• Form structure: Email → Password → Submit button (keep it simple)\n• Password: Show/hide toggle, strength indicator\n• Error messages: Below field, red, specific\n• Social login: Use standard brand colors (Google blue, GitHub black)\n• Loading state: Disable button + spinner\n• Accessibility: Connect labels, aria-describedby for errors", 'payment': "Payment UI requires trust:\n• Security indicators: Lock icon, 'Secure payment' text, SSL badge\n• Progress steps: Step indicator (1.Info → 2.Confirm → 3.Done)\n• Card input: Auto-format numbers, show card brand icon\n• Error handling: 'Payment failed' + specific reason + retry button\n• Success screen: Order number, email confirmation note, dashboard CTA", 'error': "Error pages should maintain brand consistency:\n• 404: Friendly illustration, 'Page not found', Go home button\n• 500: 'Something went wrong', Refresh button, Support link\n• Network error: Detect offline state, auto-recover on reconnect\n• Form errors: Inline display, error summary at top\n• Tone: 'We'll fix it' feel, not blaming the user", 'feature': "New UI implementation checklist:\n• Design system: Check existing components first, add if missing\n• Responsive: Develop mobile-first\n• Accessibility: Keyboard navigation, screen reader testing\n• Dark mode: If supported, handle with CSS variables\n• No AI patterns: No emoji abuse, unnecessary animations, over-the-top copy", 'default': "Design checklist:\n• Design system compliance\n• Accessibility (WCAG 2.1 AA): Color contrast, keyboard, screen reader\n• Responsive: Test at 375px, 768px, 1280px\n• Define loading/empty/error state UI"}, 'checklist': ['Design system compliance', 'Accessibility check (WCAG)', 'Responsive testing', 'AI pattern check (excessive emojis, unnecessary animations, etc.)'], 'anti_patterns': ['Excessive emoji usage', 'Unnecessary loading animations', 'Complex multi-step modals', 'Auto-playing media'], 'action_templates': [{'trigger': 'ui|ux|design|component', 'actions': [{'id': 'cdo-1', 'action': 'Check design system guide', 'depends': [], 'verify': 'Design system confirmed', 'phase': 'Prepare'}, {'id': 'cdo-2', 'action': 'Check for AI anti-patterns', 'depends': [], 'verify': 'No AI patterns', 'phase': 'Design'}, {'id': 'cdo-3', 'action': 'Check accessibility (a11y) requirements', 'depends': [], 'verify': 'WCAG guidelines applied', 'phase': 'Design'}, {'id': 'cdo-4', 'action': 'Test responsive design', 'depends': [], 'verify': 'Mobile/desktop verified', 'phase': 'Verify'}]}]}
