moai-domain-frontend

# Frontend Development Specialist ## Quick Reference Modern Frontend Development - Comprehensive patterns for React 19, Next.js 16, Vue 3.5. Core Capabilities: - React 19: Server components, concurrent features, cache(), Suspense - Next.js 16: App Router, Server Actions, ISR, Route handlers - Vue 3.5: Composition API, TypeScript, Pinia state management - Component Architecture: Design systems, compound components, CVA - Performance: Code splitting, dynamic imports, memoization, Framer Motion animations When to Use: - Modern web application development - Component library creation - Frontend performance optimization - UI/UX with accessibility --- ## Patterns ### Framework Patterns React 19 Patterns: - Server Components, Concurrent features, cache() API, Form handling Next.js 16 Patterns: - App Router, Server Actions, ISR, Route Handlers, Parallel Routes Vue 3.5 Patterns: - Composition API, Composables, Reactivity, Pinia, Provide/Inject ### Architecture Patterns Component Architecture: - Design tokens, CVA variants, Compound components, Accessibility State Management: - Zustand, Redux Toolkit, React Context, Pinia Performance Optimization: - Code splitting, Dynamic imports, Image optimization, Memoization AI-Assisted Frontend Patterns: - Visual reference strategy, Playwright verification, motion design, reasoning-level tuning Vercel React Best Practices: - 45 rules across 8 categories from Vercel Engineering - Eliminating waterfalls, bundle optimizatio...