state-management
✓React Query and Zustand patterns for state management. Use when implementing data fetching, caching, mutations, or client-side state. Triggers on tasks involving useQuery, useMutation, Zustand stores, caching, or state management.
Installation
SKILL.md
Note: This document provides comprehensive patterns for AI agents and LLMs working with React Query (TanStack Query) and Zustand. Optimized for automated refactoring, code generation, and state management best practices.
Comprehensive patterns for server state (React Query) and client state (Zustand). Contains 26+ rules for efficient data fetching and state management.
| 1 | React Query Basics | CRITICAL | rq- | | 2 | Zustand Store Patterns | CRITICAL | zs- | | 3 | Caching & Invalidation | HIGH | cache- | | 4 | Mutations & Updates | HIGH | mut- | | 5 | Optimistic Updates | MEDIUM | opt- | | 6 | DevTools & Debugging | MEDIUM | dev- | | 7 | Advanced Patterns | LOW | adv- |
Facts (cite-ready)
Stable fields and commands for AI/search citations.
- Install command
npx skills add https://github.com/asyrafhussin/agent-skills --skill state-management- Category
- {}Data Analysis
- Verified
- ✓
- First Seen
- 2026-02-01
- Updated
- 2026-02-18
Quick answers
What is state-management?
React Query and Zustand patterns for state management. Use when implementing data fetching, caching, mutations, or client-side state. Triggers on tasks involving useQuery, useMutation, Zustand stores, caching, or state management. Source: asyrafhussin/agent-skills.
How do I install state-management?
Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/asyrafhussin/agent-skills --skill state-management Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code or Cursor
Where is the source repository?
https://github.com/asyrafhussin/agent-skills
Details
- Category
- {}Data Analysis
- Source
- skills.sh
- First Seen
- 2026-02-01