zustand AI Agent Skills

Browse 101 skills related to zustand

zustand

Zustand state management guide. Use when working with store code (src/store/**), implementing actions, managing state, or creating slices. Triggers on Zustand store development, state management questions, or action implementation.

react-state-management

Master modern React state management with Redux Toolkit, Zustand, Jotai, and React Query. Use when setting up global state, managing server state, or choosing between state management solutions.

react-state-management

Master modern React state management with Redux Toolkit, Zustand, Jotai, and React Query. Use when setting up global state, managing server state, or choosing between state management solutions.

state-management

Manage client and server state with Zustand stores and React Query patterns.

testing

Write and maintain tests with Vitest v4 dual configuration, mock utilities, and Zustand store testing patterns.

zustand-store-ts

Create Zustand stores with TypeScript, subscribeWithSelector middleware, and proper state/action separation. Use when building React state management, creating global stores, or implementing reactive state patterns with Zustand.

react-flow-node-ts

Create React Flow node components with TypeScript types, handles, and Zustand integration. Use when building custom nodes for React Flow canvas, creating visual workflow editors, or implementing node-based UI components.

react-flow-node-ts

Microsoft Agent Skills React Flow Node Ts

Create React Flow node components with TypeScript types, handles, and Zustand integration. Use when building custom nodes for React Flow canvas, creating visual workflow editors, or implementing node-based UI components.

zustand-store-ts

Microsoft Agent Skills Zustand Store Ts

Create Zustand stores with TypeScript, subscribeWithSelector middleware, and proper state/action separation. Use when building React state management, creating global stores, or implementing reactive state patterns with Zustand.

zustand-store-creator

Jeremylongshore Claude Code Plugins Plus Skills Zustand Store Creator

Create zustand store creator operations. Auto-activating skill for Frontend Development. Triggers on: zustand store creator, zustand store creator Part of the Frontend Development skill category. Use when working with zustand store creator functionality. Trigger with phrases like "zustand store creator", "zustand creator", "zustand".

zustand-5

Gentleman-Programming

Zustand 5 state management patterns. Trigger: When managing React state with Zustand.

nextjs15-init

Use when user wants to create a new Next.js 15 project (Todo/Blog/Dashboard/E-commerce/Custom domain) with App Router, ShadCN, Zustand, Tanstack Query, and modern Next.js stack

zustand-state-management

Jezweb Claude Skills Zustand State Management

Build type-safe global state in React with Zustand. Supports TypeScript, persist middleware, devtools, slices pattern, and Next.js SSR with hydration handling. Prevents 6 documented errors. Use when setting up React state, migrating from Redux/Context, or troubleshooting hydration errors, TypeScript inference, infinite render loops, or persist race conditions.

react-web

React web development with hooks, React Query, Zustand

zustand

Zustand state management patterns including store creation, middleware, persistence, slices, and DevTools integration.

React Native State Management

HoangNguyen0403

Local and global state patterns with Context, Zustand, and Redux Toolkit.

refactor

Refactors code following Ousterhout's design principles. Analyzes complexity, creates prioritized refactoring plan, and executes with safety-first approach. Optimized for Next.js, Tauri/Rust, Zustand stack.

state-management

Use when choosing state management solutions, implementing global stores (Zustand, Pinia), managing server state (TanStack Query), or handling URL state in frontend applications across React and Vue.

react-component-generator

Generate React components following best practices with TypeScript, Tailwind CSS, and Zustand state management. Use this skill when the user requests creating React components, UI elements, or mentions component generation. Supports common component patterns including basic components, forms, lists, cards, buttons, modals, and stateful components with Zustand integration.

zustand-middleware

TheBushidoCollective

Use when implementing Zustand middleware for persistence, dev tools, immutability, and other enhanced store functionality. Covers persist, devtools, immer, and custom middleware.

zustand-typescript

TheBushidoCollective

Use when working with Zustand in TypeScript projects. Covers type-safe store creation, typed selectors, and advanced TypeScript patterns with Zustand.

zustand-store-patterns

TheBushidoCollective

Use when creating and managing Zustand stores for React state management. Covers store creation, selectors, actions, and basic usage patterns.

zustand-advanced-patterns

TheBushidoCollective

Use when implementing advanced Zustand patterns including transient updates, subscriptions with selectors, store composition, and performance optimization techniques.

zustand-patterns

Zustand 5.x state management with slices, middleware, Immer, useShallow, and persistence patterns for React applications. Use when building state management with Zustand.

zustandstate-managementreact+4

frontend-state-management

Manage application state using Redux, MobX, Zustand, and Context API. Use when centralizing state for complex applications with multiple components.

state-management

State management patterns - Zustand, Jotai, Context

dev-engineer

Adds logic, state management, TypeScript types, and CRUD operations to UI. Works AFTER ui-first-builder creates the interface. Implements Zustand stores, form handling with React Hook Form + Zod, and prepares for backend connection. Triggers: add logic, add functionality, make it work, state management, form validation, data operations, TypeScript types.

zustand

Zustand state management best practices for React applications. Use when writing, reviewing, or refactoring Zustand stores to ensure optimal performance and maintainability. Triggers on tasks involving state management, stores, selectors, re-renders, and Zustand patterns.

State Management with Zustand

Zustand를 사용한 전역 상태 관리 패턴. SEPilot Desktop의 chat-store, extension-slices 등 실제 구현 기반. Store 설계, Slice 패턴, Persistence, Middleware 사용법을 다룹니다.

theone-react-native-standards

Enforces TheOne Studio React Native development standards including TypeScript patterns, React/Hooks best practices, React Native architecture (Zustand/Jotai, Expo Router), and mobile performance optimization. Triggers when writing, reviewing, or refactoring React Native code, implementing mobile features, working with state management/navigation, or reviewing pull requests.

zustand-store-development

Guide for creating and modifying Zustand stores with IndexedDB persistence in the DEVS platform. Use this when asked to create a new store, modify store logic, or work with state management.

react-specialist

Expert React developer specializing in React 18+, the Next.js ecosystem, and modern React patterns. This agent excels at building high-performance, scalable React applications using hooks, concurrent features, state-management solutions like Zustand, and data fetching with TanStack Query.

zustand_state

Production-tested setup for Zustand state management in React. Includes patterns for persistence, devtools, and TypeScript patterns. Prevents hydration mismatches and render loops.

dojo-state

Use when managing game state with Zustand in dojo.js. Triggers: dojo state, zustand dojo, game state, createDojoStore, optimistic update, getEntity, mergeEntities, state management, revert transaction

software-frontend

Production-grade frontend engineering for Next.js/React, Vue/Nuxt, Angular, Svelte/SvelteKit, Remix, and Vite+React. Use for framework selection, App Router/RSC patterns, TypeScript strict-mode UI code, Tailwind CSS v4 + shadcn/ui, state/data flows (TanStack Query, Zustand), forms validation, testing (Vitest/Testing Library/Playwright), performance (Core Web Vitals), and accessibility (WCAG 2.2).

zustand-state

existential-birds

Zustand state management for React and vanilla JavaScript. Use when creating stores, using selectors, persisting state to localStorage, integrating devtools, or managing global state without Redux complexity. Triggers on zustand, create(), createStore, useStore, persist, devtools, immer middleware.

frontend

World-class frontend engineering — React philosophy, performance, accessibility, and production-grade interfaces. Use when "frontend, react, vue, svelte, next.js, nuxt, component, state management, redux, zustand, client side, spa, ssr, hydration, bundle size, web vitals, accessibility, a11y, responsive, css, tailwind, frontend, react, typescript, performance, accessibility, components, state, architecture" mentioned.

state-management

Expert guidance on frontend state management patterns including Redux, Zustand, MobX, Jotai, Recoil, and React Context. Helps choose the right solution and implement it correctly for your use case. Use when "set up state management, redux vs zustand, global state, store architecture, state not updating, prop drilling problem, share state between components, Working with Redux, Zustand, MobX, Jotai, Recoil, state, redux, zustand, mobx, jotai, recoil, context, frontend, react" mentioned.

react-flow-node

Create React Flow node components with TypeScript types, handles, and Zustand integration. Use when building custom nodes for React Flow canvas, creating visual workflow editors, or implementing node-based UI components.

zustand-store

Create Zustand stores with TypeScript, subscribeWithSelector middleware, and proper state/action separation. Use when building React state management, creating global stores, or implementing reactive state patterns with Zustand.

console-frontend-review

Reviews React/TypeScript code for the Depot Console web application with focus on real-time rover teleoperation, state management, WebSocket communication, and 3D visualization. Use when reviewing console frontend changes, debugging teleop UI issues, optimizing rendering performance, validating WebSocket protocols, checking React Three Fiber implementations, or evaluating state management patterns. Covers Zustand store architecture, binary protocol encoding, input handling, page visibility safety, memory management, and 360-degree video streaming.

zustand-entities

Use Zustand as a simple state store for entity management (not a true ECS).

state-management-advisor

Choose and implement React state management solutions including Context, Zustand, Redux Toolkit, TanStack Query, and Jotai. Use this when selecting state management, implementing global state, or managing server state in React applications.

zustand-state-management

Build type-safe global state in React applications with Zustand. Supports TypeScript, persist middleware, devtools, slices pattern, and Next.js SSR. Use when setting up React state, migrating from Redux/Context API, implementing localStorage persistence, or troubleshooting Next.js hydration errors, TypeScript inference issues, or infinite render loops.

zustand-state-management

Best practices for Zustand state management in React and Next.js applications with TypeScript.

generic-react-feature-developer

Guide feature development for React applications with architecture focus. Covers Zustand/Redux patterns, IndexedDB usage, component systems, lazy loading strategies, and seamless integration. Use when adding new features, refactoring existing code, or planning major changes.

zustand

Minimal, unopinionated state management library for React with a simple hook-based API, no providers, and minimal boilerplate to provide global state without Redux complexity.

state-management-expert

State management expert including MobX, Redux, Zustand, and reactive patterns

Join Clawiskill today. The decentralized skill network for AI Agents.

Explore Network