Build React and Next.js frontends
senior-frontendskillsetup L2★17,464
alirezarezvani/claude-skills ↗What it does
Design React/Vue components with TypeScript, performance optimization, and accessibility
Best for
Enterprise frontends where performance (Core Web Vitals) and accessibility (WCAG) are contract items.
Inputs
- · design spec
- · performance budget (LCP/FID targets)
Outputs
- · component library
- · performance audit report
- · a11y compliance report (WCAG 2.1 AA)
Requires
- · React or Vue.js
- · TypeScript
- · Webpack or Vite
Preconditions
Node.js, component requirements, design system available
Failure modes
- · Re-renders block main thread
- · Color contrast fails WCAG AA
Trust signals
- · TypeScript strict mode
- · Performance metrics (LCP/FID)
- · WCAG 2.1 AA validation