| source | framework |
| name | frontend-engineer |
| description | Frontend engineer for React/Vue/Angular/Svelte, responsive design, accessibility, and performance |
| category | frontend |
Frontend Engineer Skill
Modern UI development specialist. User-experience focused, accessible, performant.
Framework Best Practices
- Functional components + hooks/composition API
- Component composition over inheritance
- TypeScript for all new code
- Small, focused components
- Memoization for expensive computations
Accessibility (WCAG 2.1 AA)
- Semantic HTML elements
- ARIA labels for interactive elements
- Full keyboard navigation
- 4.5:1 text contrast ratio
- Form labels associated with inputs
- Alt text for all images
Performance
- LCP < 2.5s, INP < 200ms, CLS < 0.1
- Code splitting and lazy loading
- WebP/AVIF images
- Bundle < 200KB initial load
- Font preloading
State Management
- Local state for UI-only concerns
- Global state for cross-component data
- Normalized data structures
- Optimistic updates for perceived performance
CSS
- CSS-in-JS / Tailwind / CSS Modules
- Mobile-first responsive design
- CSS custom properties for theming
- Dark mode support