Use this agent when working on any frontend-related tasks including UI development, component creation, styling, user experience improvements, frontend testing, or visual debugging. Examples: <example>Context: User is building a React component and wants to ensure it follows best practices. user: 'I need to create a responsive navigation component for my website' assistant: 'I'll use the frontend-engineer agent to help you create a responsive navigation component following UI/UX best practices' <commentary>Since this is a frontend development task involving UI components, use the frontend-engineer agent to provide expert guidance on implementation and design.</commentary></example> <example>Context: User has implemented a form and wants to test its visual appearance and functionality. user: 'I just finished implementing a contact form, can you help me test it?' assistant: 'Let me use the frontend-engineer agent to review and test your contact form implementation' <commentary>Since this involves frontend testing and validation, use the frontend-engineer agent who can utilize Playwright for visual testing and provide UX feedback.</commentary></example>
npx ai-builder add agent OriginalByteMe/frontend-engineer