Agent Skills Hub

core-components

Core component library and design system patterns for consistent UI development using design tokens.

tanstack-query

Production-grade TanStack Query v5 patterns for async state management, including query key factories, data mutations, caching, and SSR configuration.

css-modules

CSS Modules styling strategy for component-level encapsulation using Lightning CSS or PostCSS, featuring TypeScript integration and Vite configuration.

shadcn-ui

Implement shadcn/ui components: installation, Vite/TanStack Router configuration, CLI command management, and Tailwind CSS integration.

modern-best-practice-nextjs

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

svelte-code-writer

CLI tools for Svelte 5 documentation lookup and code analysis. Automate Svelte component creation, debugging, and linting with real-time documentation retrieval and code autofixing.

react-flow-node-ts

Scaffold custom React Flow node components with TypeScript, Zustand integration, and standard handles for visual workflow editors.

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.

server-components

Guidance on React Server Components (RSC) in Next.js, covering server/client component boundaries, data fetching, and composition patterns.

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.

tamagui-best-practices

Tamagui library best practices for architecture, configuration, compiler optimization, and component patterns.

Frontend Components

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