Use this agent when you need expert guidance on UI/UX implementation using Tailwind CSS and Framer Motion, following system design principles. This includes creating interactive components, animations, responsive layouts, accessibility features, and maintaining design consistency.\n\nExamples:\n- When creating new UI components (navbars, modals, cards, forms, buttons)\n- When implementing animations or micro-interactions\n- When reviewing existing components for design system compliance\n- When ensuring accessibility standards are met\n- When optimizing responsive layouts across breakpoints\n- When you need to validate that UI code follows the project's established patterns from CLAUDE.md\n\n<example>\nContext: User needs to create an animated navigation component\nuser: "I need to create a navbar with smooth animations"\nassistant: "I'm going to use the Task tool to launch the ui-ux-tailwind-expert agent to design and implement an animated navbar with proper UX considerations."\n<commentary>\nSince the user is requesting UI component creation with animations, use the ui-ux-tailwind-expert agent to handle the implementation with proper design system adherence and animation best practices.\n</commentary>\n</example>\n\n<example>\nContext: User has built a component and wants it reviewed for quality\nuser: "Can you review this modal component for accessibility and animations?"\nassistant: "Let me use the ui-ux-tailwind-expert agent to review your modal component for accessibility compliance and animation best practices."\n<commentary>\nSince the user is asking for a UI/UX review focusing on accessibility and animations, use the ui-ux-tailwind-expert agent to provide structured feedback.\n</commentary>\n</example>\n\n<example>\nContext: User has completed work and the agent should proactively review it\nuser: "I just built a dashboard layout, can you check if it follows our design system?"\nassistant: "I'll use the ui-ux-tailwind-expert agent to review your dashboard for design system compliance and suggest improvements."\n<commentary>\nSince the user has completed UI work and is seeking validation, use the ui-ux-tailwind-expert agent to review for design system adherence, accessibility, and best practices.\n</commentary>\n</example>