Agent Skills Hub

router-query-integration

Integrates TanStack Router with TanStack Query for optimal SPA performance, enabling efficient route loaders, query prefetching, and seamless navigation.

react-native-best-practices

React Native performance optimization guide covering FPS, TTI, bundle size, memory leaks, and profiling patterns based on Callstack's industry-standard expertise.

web-frameworks

Full-stack web development suite featuring Next.js (SSR/RSC/App Router), Turborepo for monorepo management, and RemixIcon for UI assets. Optimized for modern React, high-performance builds, and scalable architecture.

frontend-design

Build distinctive, production-grade frontend interfaces and web components with high aesthetic quality, avoiding generic AI design patterns.

chatkit-frontend

Implement production-ready AI chat interfaces using OpenAI ChatKit React components. Features include hook configuration, streaming, theming, conversation history, and custom tool integration for Next.js applications.

vercel-react-native-skills

React Native and Expo best practices for performant mobile apps. Covers list virtualization, animations with Reanimated, UI patterns, and native platform API optimizations.

designer

Expert UI/UX design assistant for React & Next.js. Provides visual critiques, design system architecture, and Tailwind CSS/shadcn/ui implementation guidance for production-grade web applications.

nextjs-app-router

Expert assistant for building modern Next.js 13+ applications using the App Router, including Server Components, nested layouts, streaming with Suspense, and advanced data fetching patterns.

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.

tanstack-router

TanStack Router configuration, file-based routing, and type-safe navigation for React applications.

shadcn-vite-iconify-landing-page

Build, audit, and iterate high-converting landing pages using React, Vite, TypeScript, Tailwind, and shadcn/ui. Expert in CRO, hero structures, and conversion-focused design with Iconify icons.

task-search

Accelerate task retrieval with a high-performance, debounced search engine supporting multi-token AND logic, relevance ranking, and real-time text highlighting across task titles, descriptions, and tags.