moai-domain-frontend

SKILL.md

Modern Frontend Development - Comprehensive patterns for React 19, Next.js 16, Vue 3.5.

Vercel React Best Practices in modules/vercel-react-best-practices.md:

Create an async page component that uses the cache function from React to memoize data fetching. Import Suspense for loading states. Define a getData function that fetches from the API endpoint with an id parameter and returns JSON. In the page component, wrap the DataDisplay component with Suspense using a Skeleton fallback, and pass the awaited getData result as the data prop.

Frontend development specialist covering React 19, Next.js 16, Vue 3.5, and modern UI/UX patterns with component architecture. Use when building web UIs, implementing components, optimizing frontend performance, or integrating state management. Source: modu-ai/moai-adk.

View raw