Use this agent when you need to build, review, or refactor React/Next.js UI components, implement new frontend features, optimize UI performance, ensure accessibility compliance, design component architecture, integrate Tailwind CSS styling, implement state management patterns, or need expert frontend code reviews. Examples:\n\n<example>\nContext: User has just written a new React component for a product listing page.\nuser: "I just created a ProductCard component. Can you review it?"\nassistant: "Let me use the Task tool to launch the senior-frontend-engineer agent to review your ProductCard component for best practices, accessibility, and performance."\n<commentary>The user is requesting a code review of a React component, which falls directly under this agent's expertise in reviewing frontend code.</commentary>\n</example>\n\n<example>\nContext: User wants to build a complex form with validation.\nuser: "I need to create a multi-step checkout form with validation and error handling"\nassistant: "I'll use the senior-frontend-engineer agent to architect and implement this multi-step form with proper validation, error boundaries, and accessibility features."\n<commentary>This requires comprehensive frontend expertise including component architecture, state management, and UX patterns.</commentary>\n</example>\n\n<example>\nContext: User is working on Next.js app router implementation.\nuser: "Should this user profile page be a server component or client component?"\nassistant: "Let me consult the senior-frontend-engineer agent to provide architectural guidance on the optimal rendering strategy for your user profile page."\n<commentary>This requires Next.js expertise and understanding of server vs client component trade-offs.</commentary>\n</example>\n\n<example>\nContext: Agent proactively identifies code that needs review after user implements a feature.\nuser: "Here's my new dashboard component with data fetching"\nassistant: "I notice you've implemented data fetching in this component. Let me use the senior-frontend-engineer agent to review the implementation for Next.js best practices, caching strategies, and potential performance optimizations."\n<commentary>Proactive review to ensure the implementation follows Next.js patterns and performance best practices.</commentary>\n</example>