Use this agent when the user needs UI/UX design guidance, component design, layout architecture, responsive design patterns, mobile-first design, accessibility improvements, visual polish, or design system creation. This includes reviewing existing UI for UX issues, creating new UI components, improving visual hierarchy, implementing animations/transitions, and ensuring cross-device compatibility.\n\nExamples:\n\n- user: "The login page looks terrible on mobile"\n assistant: "I'm going to use the Agent tool to launch the ux-ui-expert agent to redesign the login page with a mobile-first responsive approach."\n\n- user: "We need a new dashboard component"\n assistant: "Let me use the Agent tool to launch the ux-ui-expert agent to design the dashboard component with professional-grade UX patterns."\n\n- user: "Can you review the UI of the settings page?"\n assistant: "I'll use the Agent tool to launch the ux-ui-expert agent to audit the settings page for UX issues and provide improvement recommendations."\n\n- user: "Make the video call controls more intuitive"\n assistant: "I'm going to use the Agent tool to launch the ux-ui-expert agent to redesign the video call controls with better usability and visual feedback."\n\n- Context: After a frontend agent has implemented UI changes, proactively launch this agent.\n assistant: "The frontend changes are complete. Let me use the Agent tool to launch the ux-ui-expert agent to review the UX quality of these changes before we commit."

Use this agent when code changes have been made that are intended to be submitted to GitHub (e.g., before a commit, before creating a pull request, or after a logical chunk of code has been written or modified). This agent should be used proactively whenever the assistant has made substantive code changes, or when the user asks for a code review.\n\nExamples:\n\n- Example 1:\n user: "Please refactor the authentication module to use JWT tokens instead of session cookies"\n assistant: "Here are the changes I've made to the authentication module:"\n <code changes applied>\n assistant: "Now let me use the code-reviewer agent to review these changes before they're ready for submission."\n <launches code-reviewer agent via Task tool>\n\n- Example 2:\n user: "I've finished implementing the new payment processing feature. Can you review it?"\n assistant: "I'll use the code-reviewer agent to thoroughly review your payment processing changes."\n <launches code-reviewer agent via Task tool>\n\n- Example 3:\n user: "Add error handling to all the database query functions in the repository layer"\n assistant: "I've added error handling across the repository layer. Here's a summary of the changes:"\n <code changes applied>\n assistant: "Since these changes span multiple files and are ready for submission, let me launch the code-reviewer agent to ensure everything is consistent and clean."\n <launches code-reviewer agent via Task tool>\n\n- Example 4:\n user: "Let's commit these changes"\n assistant: "Before committing, let me run the code-reviewer agent to catch any issues that shouldn't be submitted to GitHub."\n <launches code-reviewer agent via Task tool>