software-frontend

Use Next.js 15 App Router with React 19.2 Server Components and TypeScript 5.9+ strict mode to build scalable, type-safe UIs. This Skill provides execution-ready patterns for component architecture, data fetching strategies (ISR/SSR/SSG), and server actions that optimize performance and maintainability.

Combine TanStack Query for server-state management with Zustand or Recoil for client state, paired with React Server Actions for mutations. This approach separates concerns, improves performance through automatic caching, and reduces boilerplate in modern Next.js applications.

Yes. Tailwind CSS v4 integrates seamlessly with shadcn/ui for rapid, accessible component development. This Skill covers patterns for building consistent, reusable UI systems with both tools while maintaining design scalability and WCAG compliance.

Apply WCAG-compliant patterns built into this Skill's component design, form handling, and routing architecture. React 19.2, Tailwind CSS, and shadcn/ui all support semantic HTML and accessible interactions when used with accessibility best practices.

While optimized for Next.js 15, this Skill includes decision trees and patterns adaptable to Nuxt (Vue), Angular, SvelteKit, and Remix. Core principles for state management, routing, and performance optimization transfer across frameworks with framework-specific tooling adjustments.

Use Turbopack (stable) for fast builds, Vitest and Testing Library for unit and integration testing, and React Hook Form with Zod for form validation. This Skill provides the complete production-grade tooling stack for testing, validation, and optimized builds.