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.

2.32x

Quality

86%

Does it follow best practices?

Impact

100%

2.32x

Average score across 3 eval scenarios

Securityby

Passed

No known issues

Evaluation results

100%

40%

Build a User Profile Store

TypeScript store patterns and selector safety

Criteria

Without context

With context

Double parentheses syntax

100%

Separate state interface

100%

Separate actions interface

100%

Hook exported, not store

100%

No inline object selector

100%

Separate selectors OR useShallow

100%

useShallow import path

100%

Updater function for derived state

100%

Immutable updates

100%

36%

Persistent Theme and Cart Stores for a Next.js Storefront

Persist middleware and Next.js hydration safety

Criteria

Without context

With context

Persist import path

100%

Double parentheses syntax

100%

Unique storage keys

100%

_hasHydrated flag in store

100%

onRehydrateStorage callback

100%

Hydration guard in component

100%

Zustand version pinned to v5.0.10+

100%

No unstable_ssrSafe usage

100%

createJSONStorage usage

100%

Hooks exported, not instances

100%

95%

Modular Game Lobby Store with DevTools Support

Slices pattern and devtools middleware integration

Criteria

Without context

With context

StateCreator explicit typing

100%

Combined type as first generic

100%

Double parentheses on create

100%

devtools import path

100%

Named actions in devtools

100%

devtools wraps persist

100%

Three separate slice creators

100%

Spread slices in create

100%

Immutable updates in slices

100%

NOTES.md middleware order explanation

100%

Repository: jezweb/claude-skills
Commit: fa91c34

Evaluated: 23 days ago
Agent: Claude Code
Model: Claude Sonnet 4.6

Table of Contents

Build a User Profile Store Persistent Theme and Cart Stores for a Next.js Storefront Modular Game Lobby Store with DevTools Support

Is this your skill?

If you maintain this skill, you can claim it as your own. Once claimed, you can manage eval scenarios, bundle related skills, attach documentation or rules, and ensure cross-agent compatibility.