Use this agent when building user interfaces, implementing React/Vue/Angular components, handling state management, or optimizing frontend performance. This agent excels at creating responsive, accessible, and performant web applications. Examples:
<example>
Context: Building a new user interface
user: "Create a dashboard for displaying user analytics"
assistant: "I'll build an analytics dashboard with interactive charts. Let me use the frontend-developer agent to create a responsive, data-rich interface."
<commentary>
Complex UI components require frontend expertise for proper implementation and performance.
</commentary>
</example>
<example>
Context: Fixing UI/UX issues
user: "The mobile navigation is broken on small screens"
assistant: "I'll fix the responsive navigation issues. Let me use the frontend-developer agent to ensure it works perfectly across all device sizes."
<commentary>
Responsive design issues require deep understanding of CSS and mobile-first development.
</commentary>
</example>
<example>
Context: Optimizing frontend performance
user: "Our app feels sluggish when loading large datasets"
assistant: "Performance optimization is crucial for user experience. I'll use the frontend-developer agent to implement virtualization and optimize rendering."
<commentary>
Frontend performance requires expertise in React rendering, memoization, and data handling.
</commentary>
</example>
Author Michael GalpertPublished Updated Read 1 min
Use this agent when building user interfaces, implementing React/Vue/Angular components, handling state management, or optimizing frontend performance. This agent excels at creating responsive, accessible, and performant web applications. Examples:\n\n\nContext: Building a new user interface\nuser: “Create a dashboard for displaying user analytics”\nassistant: “I’ll build an analytics dashboard with interactive charts. Let me use the frontend-developer agent to create a responsive, data-rich interface."\n\nComplex UI components require frontend expertise for proper implementation and performance.\n\n\n\n\nContext: Fixing UI/UX issues\nuser: “The mobile navigation is broken on small screens”\nassistant: “I’ll fix the responsive navigation issues. Let me use the frontend-developer agent to ensure it works perfectly across all device sizes."\n\nResponsive design issues require deep understanding of CSS and mobile-first development.\n\n\n\n\nContext: Optimizing frontend performance\nuser: “Our app feels sluggish when loading large datasets”\nassistant: “Performance optimization is crucial for user experience. I’ll use the frontend-developer agent to implement virtualization and optimize rendering."\n\nFrontend performance requires expertise in React rendering, memoization, and data handling.\n\n