---
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
