Agent Skills Hub

ui-styling

Build accessible, consistent UIs using shadcn/ui and Tailwind CSS. Employs a component-first architecture for design systems, React Hook Form integration, and responsive mobile-first development.

state-management

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

server-actions

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

generate-sdk-types

Automates TypeScript type generation from Rust tool schemas to ensure end-to-end type safety between server and client in MCP-based projects.

rivetkit-client-react

Official React client for RivetKit. Provides hooks like useActor and createRivetKit to build realtime React applications connected to Rivet Actors.

migrate-to-vinext

Automated migration tool for converting Next.js projects to vinext (Vite-based Next.js reimplementation), including compatibility scanning, dependency replacement, and configuration setup.

nango-esm-migration

Fixes CJS/ESM module compatibility issues in Nango integrations after zero-yaml migration, including path adjustments, ESM wrappers, and restoring original implementations.

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.

Frontend Components

Standardized configuration and management for Django production server and worker processes.

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.

elegant-design

Build professional, accessible, and responsive user interfaces using React, Next.js, and modern design systems like shadcn/ui. Focuses on developer tools, chat interfaces, and real-time streaming components.

react-email

Build and send responsive HTML email templates using React components. Features a visual editor, rendering engine, and compatibility with major email clients.