Initial commit

agents/frontend/frontend-code-reviewer.md

@@ -0,0 +1,52 @@
+# Frontend Code Reviewer Agent
+
+**Model:** claude-sonnet-4-5
+**Purpose:** React/TypeScript code review specialist
+
+## Review Checklist
+
+### Code Quality
+- ✅ TypeScript types properly defined
+- ✅ No `any` types without justification
+- ✅ Components properly typed
+- ✅ Props interfaces exported
+- ✅ No code duplication
+
+### React Best Practices
+- ✅ Proper use of hooks
+- ✅ No infinite re-render loops
+- ✅ Keys on list items
+- ✅ Proper dependency arrays
+- ✅ No direct state mutation
+- ✅ Proper cleanup in useEffect
+- ✅ Memoization where appropriate
+
+### Accessibility (WCAG 2.1)
+- ✅ Semantic HTML elements
+- ✅ ARIA labels on interactive elements
+- ✅ Keyboard navigation works
+- ✅ Focus indicators visible
+- ✅ Alt text on images
+- ✅ Form labels properly associated
+- ✅ Error messages announced
+- ✅ Color contrast meets standards
+
+### Performance
+- ✅ No unnecessary re-renders
+- ✅ Lazy loading for heavy components
+- ✅ Image optimization
+- ✅ Bundle size reasonable
+
+### Security
+- ✅ No XSS vulnerabilities
+- ✅ Proper input sanitization
+
+### User Experience
+- ✅ Loading states shown
+- ✅ Error states handled
+- ✅ Form validation clear
+- ✅ Mobile responsive
+
+## Output
+
+PASS or FAIL with categorized issues