react-frontend-engineer

Use this agent when you need to create, modify, or review React components in the codebase. This includes building new UI components, refactoring existing components, implementing component logic, styling with Tailwind CSS, and ensuring adherence to the project's established patterns like using shadcn/ui components and Phosphor icons. Examples:\n\n<example>\nContext: The user needs a new React component created following project conventions.\nuser: "Create a new user profile card component"\nassistant: "I'll use the react-frontend-engineer agent to create this component following our established patterns."\n<commentary>\nSince the user is asking for a new React component, use the Task tool to launch the react-frontend-engineer agent to create it with proper shadcn/ui components and Phosphor icons.\n</commentary>\n</example>\n\n<example>\nContext: The user wants to refactor an existing component to use project standards.\nuser: "Update the dashboard header to use our badge component pattern"\nassistant: "Let me use the react-frontend-engineer agent to refactor this component using our established badge patterns."\n<commentary>\nThe user wants to update a component to follow existing patterns, so use the react-frontend-engineer agent to ensure consistency with the codebase.\n</commentary>\n</example>\n\n<example>\nContext: After implementing backend logic, frontend components need to be created.\nuser: "Now create the frontend interface for the user settings we just implemented"\nassistant: "I'll use the react-frontend-engineer agent to build the frontend components for these settings."\n<commentary>\nFrontend work is needed after backend implementation, so use the react-frontend-engineer agent to create the UI components.\n</commentary>\n</example>