listen

Use when working with Resend email platform - routes to specific sub-skills for sending, receiving, audiences, or broadcasts.

Best practices for building applications with React 19's Async Transition model combined with TanStack Router and TanStack Query. Covers the "everything is a Transition" paradigm, Suspense architecture, component design patterns (Boundary vs Leaf components, Action Props, AsyncBoundary), state ownership decisions (server state vs URL state vs ephemeral state), useTransition with async functions, useOptimistic, data-pending visual feedback, and file-based routing directory structure with co-location. Use this skill when designing component architecture, deciding where state should live, structuring a TanStack Router project, building design system components that handle async operations, or writing any code that involves useTransition, Suspense boundaries, useOptimistic, or startTransition. This complements tanstack-query-best-practices (which covers Query-specific APIs like queryOptions, query key factories, mutations, and caching) by focusing on the broader React async architecture that Query operates within

Create new skills, modify and improve existing skills, and measure skill performance. Use when users want to create a skill from scratch, update or optimize an existing skill, run evals to test a skill, benchmark skill performance with variance analysis, or optimize a skill's description for better triggering accuracy.

Comprehensive best practices for writing TanStack Query (React Query) v5 code, based on all 31 posts from TkDodo's Practical React Query blog series. Covers query key factories with queryOptions, mutations and invalidation strategies, TypeScript type inference, error handling, data transformations with select, status checks, testing, optimistic updates, and architectural patterns. Use this skill whenever writing, reviewing, or refactoring code that uses TanStack Query — including useQuery, useMutation, queryOptions, queryClient, invalidation, prefetching, or any @tanstack/react-query import. Also use when the user asks about React Query patterns, caching strategies, or server state management. This applies even for small changes like adding a single query hook.