Loading...
Loading...
Found 161 Skills
Comprehensive skills for working with @hairy/react-lib React hooks and components
Handles Tambo component streaming, loading states, and persistent state. Use when implementing streaming UI feedback, tracking prop streaming status, managing partial props, or persisting component state across sessions with useTamboStreamStatus or useTamboComponentState.
Collection of essential React Hooks for sensors, UI, animations, side-effects, lifecycles, and state management
React form handling with React Hook Form and Zod validation. Use when building complex forms, multi-step forms, or any form with validation requirements.
Guidelines for using SWR (stale-while-revalidate) React Hooks for efficient data fetching, caching, and revalidation
React Hook Form 7 + Zod patterns para SmartPocket. Usar al crear/editar forms, validación de schemas, submissions, errores de API (field-level + global), integración con TanStack Query mutations, useFormErrorHandler hook, activeMutation pattern, values vs defaultValues, form.reset() con/sin parámetros, coercion manual de números. Sistema de 3 capas de errores, estado derivado con watch(). Incluye anti-patterns eliminados y quick reference tables.
Modern React patterns and principles. Hooks, composition, performance, TypeScript best practices.
shadcn/ui component library best practices and patterns (formerly shadcn-ui). This skill should be used when writing, reviewing, or refactoring shadcn/ui components to ensure proper architecture, accessibility, and performance. Triggers on tasks involving Radix primitives, Tailwind styling, form validation with React Hook Form, data tables, theming, or component composition patterns.
React performance optimization guidelines. Use when writing, reviewing, or refactoring React components to ensure optimal rendering and bundle patterns. Triggers on tasks involving React components, hooks, memoization, or bundle optimization.
React Aria (Adobe) accessible component patterns for building WCAG-compliant interactive UI with hooks. Use when implementing buttons, dialogs, comboboxes, menus, and other accessible components in React applications.
Guides proper usage of the useCallback hook in React. Use this skill when optimizing function references, passing callbacks to memoized components, or preventing unnecessary re-renders.
Reactuse delivers production-ready hooks that solve real-world problems. Built with a TypeScript-first approach, SSR compatibility, and tree-shaking optimization for modern React applications.