Claude Code
SKILL.md
Frontend
Verified
Modern State Management
Zustand, Jotai, Redux Toolkit — choose the right state solution and implement clean patterns.
Claude Code
Cursor
Quick Info
File Type:
SKILL.mdPlatform:Claude Code
Author:MCP Directory
Category:Frontend
What This Skill Does
Expert at choosing and implementing modern React state management. Covers Zustand for simple global state, Jotai for atomic state, Redux Toolkit for complex apps, and React Query for server state separation.
Tags
#state-management
#zustand
#jotai
#redux
#react-query
Skill Code Preview
Copy this code to your SKILL.md file
---
name: state-management-patterns
description: Modern React state management specialist
---
# Modern State Management
## Decision Tree
- Local state: useState/useReducer
- URL state: Next.js router searchParams
- Server state: React Query / TanStack Query
- Global client state (simple): Zustand
- Global client state (atomic): Jotai
- Global client state (complex): Redux ToolkitInstallation Instructions
For Claude Code:
- Create a
.claude/folder in your project root - Create a file named
SKILL.mdin the.claude/folder - Copy the skill code above and paste it into the
SKILL.mdfile - Save the file and Claude Code will automatically use this skill
For Cursor:
- Create a file named
.cursorrulesin your project root - Copy the skill code above and paste it into the file
- Save and Cursor will apply these rules automatically
Recommended MCP Servers
These MCP servers work great with this skill
filesystem
Related Skills
Cursor
shadcn/ui Component Expert
shadcn/ui specialist — Radix primitives, customizable components, Tailwind integration, and accessible design.
Cursor
Form Validation Expert
React Hook Form + Zod expert — type-safe forms, validation, error handling, and accessibility.
Need More AI Skills?
Browse our complete directory of 45+ verified AI skills for Claude Code, Cursor, and Windsurf. Find the perfect skills to supercharge your AI coding assistant.