What problem does it solve? Building modern web interfaces requires juggling React 19 features, Next.js 15 App Router patterns, state management, accessibility, and performance optimization all at once. This Skill provides expert guidance for implementing production-grade frontend code without missing critical concerns like Core Web Vitals, WCAG compliance, or proper TypeScript typing. ## Core Features & Use Cases - React 19 & Next.js 15 Implementation: Build Server Components, Server Actions, streaming with Suspense, and concurrent rendering patterns. - State & Data Management: Implement Zustand, TanStack Query, SWR, and optimistic updates for client-side and server state. - Performance & Accessibility: Optimize Core Web Vitals, implement WCAG 2.1/2.2 AA patterns, and set up testing with React Testing Library and Playwright. - Use Case: You need a data table with sorting, filtering, and real-time updates. The Skill produces an accessible component using React Query for server state, proper ARIA attributes, and code-split bundles. ## Quick Start Ask the assistant to build a Next.js page with a Server Component that streams data through Suspense boundaries and includes an accessible, responsive layout.
