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 --- ## Module Index Load specific modules for detailed patterns: ### Framework Patterns React 19 Patterns in modules/react19-patterns.md: - Server Components, Concurrent features, cache() API, Form handling Next.js 16 Patterns in modules/nextjs16-patterns.md: - App Router, Server Actions, ISR, Route Handlers, Parallel Routes Vue 3.5 Patterns in modules/vue35-patterns.md: - Composition API, Composables, Reactivity, Pinia, Provide/Inject ### Architecture Patterns Component Architecture in modules/component-architecture.md: - Design tokens, CVA variants, Compound components, Accessibility State Management in modules/state-management.md: - Zustand, Redux Toolkit, React Context, Pinia Performance Optimization in modules/performance-optimization.md: - Code splitting, Dynamic imports, Image optimization, Memoization AI-As...