Documentation for the htmx JavaScript library (attributes, events, headers, API, extensions, examples, migration guides, server examples). Use when you need accurate htmx syntax/behavior or to locate the right reference page for an htmx question.
Creates UI components using shadcn/ui and design system patterns
This document captures learnings from fixing keyboard navigation issues when floating components (Select, DropdownMenu, Popover) have CSS open/close animations.
Implement RxJS patterns for reactive programming in Angular. Use this skill when working with Observables, operators, subscriptions, async data flows, and error handling. Covers common patterns like combineLatest, switchMap, debounceTime, catchError, retry logic, and integration with Angular Signals using toSignal() and toObservable(). Ensures proper subscription cleanup with takeUntilDestroyed().
TanStack Query v5 patterns and common pitfalls. Use when implementing data fetching, cache invalidation, or debugging stale data issues. Triggers on: useQuery, useMutation, queryKey, invalidate, TanStack, React Query.
Build UI components using the compound component pattern. Use when creating new React components, building UI elements, refactoring components, or when the user mentions compound components, composable components, component patterns, or UI building blocks.
Use when working with rEFui (refui) applications where you cannot rely on reading the library source. Covers the retained-mode + signals mental model, DOM/HTML/Reflow renderers, JSX setup (classic pragma vs automatic runtime), directives (on:/class:/style:/attr:/prop:/m: macros), HMR via refurbish/refui/hmr, debugging โUI not updatingโ issues, and migrating React/Vue/Solid/Svelte patterns to rEFui.
Navegaรงรฃo - Expo Router. Use when implementing navigation.
Navegaciรณn - Expo Router. Use when implementing navigation.
Use when implementing auth in Nuxt apps with @onmax/nuxt-better-auth - provides useUserSession composable, server auth helpers, route protection, and Better Auth plugins integration.
ๅฐไผ ็ป่กจๅ้กต้ข้ๆไธบไฝฟ็จ FormBuilderWrapper ็ๅฃฐๆๅผ่กจๅใ่ชๅจๆฃๆต่กจๅๅญๆฎต๏ผๆฃๆฅๆฏๅฆๆๅฏนๅบ็ๅฐ่ฃ field ็ปไปถ๏ผๅฆๆๆฒกๆๅๅ ๅๅปบ field ๅ ่ฃ ๅจ๏ผ็ถๅๅฐ่กจๅ่ฝฌๆขไธบ FormFieldConfig ๅ่กจๅฝขๅผ๏ผๅๅฐ้ๅคไปฃ็
ไธบFlutter้กต้ขๆทปๅ ่ทฏ็ฑไธไธๆ่ฎฐๅฝๅ่ฝ๏ผๆฏๆๆฅๆ็ญๅๆฐ็AIไธไธๆ่ฏๅซใๅฝ้่ฆ่ฎฉAIๅฉๆ้่ฟ"่ฏข้ฎๅฝๅไธไธๆ"ๅ่ฝ่ทๅ้กต้ข็ถๆ๏ผๅฆๆฅๆใID็ญๅๆฐ๏ผๆถไฝฟ็จใ้็จๅบๆฏ๏ผ(1) ๆฅๆ้ฉฑๅจ็้กต้ข๏ผๆฅ่ฎฐใๆดปๅจใๆฅๅ็ญ๏ผ๏ผ(2) ID้ฉฑๅจ็้กต้ข๏ผ็จๆท่ฏฆๆ ใ่ฎขๅ่ฏฆๆ ็ญ๏ผ๏ผ(3) ไปปไฝ้่ฆAI็่งฃๅฝๅ้กต้ขๅๆฐ็ๅบๆฏ
React component patterns for reusable, maintainable code
Data fetching with TanStack Query, loading states, and error handling
Form handling with React Hook Form and Zod validation
State management patterns - Zustand, Jotai, Context
Comprehensive Tailwind CSS utility-first styling patterns including responsive design, layout utilities, flexbox, grid, spacing, typography, colors, and modern CSS best practices. Use when styling React/Vue/Svelte components, building responsive layouts, implementing design systems, or optimizing CSS workflow.
Use when React Hooks patterns including useState, useEffect, useContext, useMemo, useCallback, and custom hooks. Use for modern React development.
Use when typeScript async patterns including Promises, async/await, and async iterators with proper typing. Use when writing asynchronous TypeScript code.
Use when styling React Native Web components. Provides patterns for StyleSheet API, platform-specific styles, responsive design, and theming.
Use when building Angular 16+ applications requiring fine-grained reactive state management and zone-less change detection.
Use when setting up or customizing Tailwind CSS configuration, theme customization, plugins, and build setup. Covers tailwind.config.js setup and content paths.
Use when working with Zustand in TypeScript projects. Covers type-safe store creation, typed selectors, and advanced TypeScript patterns with Zustand.
Use when Vue reactivity system with refs, reactive, computed, and watchers. Use when managing complex state in Vue applications.
