Agent Skills Hub

react-router-data-mode

Build React applications using React Router's data mode (createBrowserRouter/RouterProvider) for loaders, actions, fetchers, and optimistic UI without the Vite framework plugin.

state-management

Guidance on frontend state management, including global stores like Zustand/Pinia, server state via TanStack Query, and URL state handling.

fullstack-workflow

A standardized fullstack pattern for Next.js features, integrating GET API routes, server actions, SWR data fetching, and React Hook Form with Zod validation.

react-ui-patterns

Standardized React UI patterns for loading states, error handling, and data fetching to ensure consistent UX and robust component architecture.

Building Frontend Dashboards

Build responsive React dashboards using TypeScript, shadcn/ui, TanStack Query, and Supabase. Ideal for creating KPI cards, data tables, charts with Recharts, and admin interfaces for event-studio.

dojo-debug

Diagnose and resolve connection, sync, subscription, and type issues in Dojo.js applications. Use for troubleshooting Torii, entity queries, and state updates.

server-actions

Expert skill for Next.js Server Actions, covering form handling, data mutations, revalidation, and optimistic UI updates in the App Router.

frontend-to-backend-requirements

Standardize frontend communication by documenting data requirements and business rules for backend developers, ensuring clear alignment without dictating implementation details.

modern-best-practice-nextjs

Build performant Next.js applications using App Router, Server Components, Server Actions, and modern React best practices.

data-extraction-patterns

Proven patterns for extracting, caching, and processing analytics data from GA4 and GSC using MCP servers.

airiot-frontend

Official AIRIOT development toolkit for building React applications with TypeScript, shadcn/ui, and integrated real-time platform capabilities.

skills

A project-specific architectural template for Next.js 15, FastAPI, and Supabase applications, including structured AI integration patterns.