zustand-patterns

Reference for Zustand 5.x state management including slices, middleware, Immer, useShallow, persistence, selectors, and devtools integration. Documents 7 core patterns with TypeScript examples and anti-patterns. Use when building React state management with Zustand instead of Redux.

Jump to install

Repository: yonatangross/orchestkit
Last source activity: August 5, 2026 at 16:40
Detected SKILL.md language: English
Stars: 219
Forks: 20

Install options

The review-first prompt is selected by default. You can switch to a direct command or download a local copy.

Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.

A direct command skips the review prompt. Inspect the source before running it.

npx skills add https://github.com/yonatangross/orchestkit --skill zustand-patterns

The command stays on one line. Scroll horizontally to inspect it before copying.

Prefer a local copy? Download the files currently available to SkillsMP.

Review the source files

Read SKILL.md and any companion files shown by SkillsMP before deciding whether to install.

File Explorer

11 files

SKILL.md

Source instructions · Read-only preview

Back to search Back to installation

chain-patterns

Chain patterns for multi-phase pipelines: MCP detection, handoff files, checkpoint-resume, worktree agents, CronCreate monitoring. Use when building or debugging a pipeline skill.

2026-08-12

doctor

OrchestKit doctor for health diagnostics across manifest integrity, hook configuration, skill validation, agent frontmatter, MCP server connectivity, CC version compatibility, and permission rules. Reports issues with severity levels and auto-remediation suggestions. Validates component counts, detects orphaned entries, and checks CC version matrix compliance. Use when diagnosing plugin health, troubleshooting configuration issues, or running pre-release checks.

2026-08-12

telemetry-inspect

Inspects the OrchestKit telemetry pipeline for the current project — lists all known telemetry files with write counts, sizes, schema status, growth trend, and orphan detection. Use when verifying the observability pipeline is healthy, debugging a missing writer, or auditing which files have schema locks vs. which are drift-vulnerable. Read-only — never modifies telemetry files.

2026-08-12

View all from this repository

Zustand Patterns

Modern state management with Zustand 5.x - lightweight, TypeScript-first, no boilerplate.

Overview

Global state without Redux complexity

Shared state across components without prop drilling

Persisted state with localStorage/sessionStorage

Computed/derived state with selectors

State that needs middleware (logging, devtools, persistence)

Upstream coverage (do not restate)

Zustand's own docs are the source for the mechanics. This skill carries only the OrchestKit delta on top of them, in references/ork-delta.md, the rules/ files, and the checklist.

Topic

First-party source

Basic store, create<State>()(), actions, async actions

https://github.com/pmndrs/zustand/blob/main/docs/reference/apis/create.md

Slices pattern (splitting and combining stores)

https://github.com/pmndrs/zustand/blob/main/docs/learn/guides/slices-pattern.md

Typing slices and middleware mutator tuples

https://github.com/pmndrs/zustand/blob/main/docs/learn/guides/advanced-typescript.md

Immer middleware (draft mutations)

https://github.com/pmndrs/zustand/blob/main/docs/reference/middlewares/immer.md

persist: partialize, version, migrate, onRehydrateStorage, storage adapters

https://github.com/pmndrs/zustand/blob/main/docs/reference/middlewares/persist.md

devtools: action names, enabled, serialize, trace

https://github.com/pmndrs/zustand/blob/main/docs/reference/middlewares/devtools.md

subscribeWithSelector and non-React subscriptions

https://github.com/pmndrs/zustand/blob/main/docs/reference/middlewares/subscribe-with-selector.md

Zustand Patterns

Modern state management with Zustand 5.x - lightweight, TypeScript-first, no boilerplate.

Overview

Global state without Redux complexity

Shared state across components without prop drilling

Persisted state with localStorage/sessionStorage

Computed/derived state with selectors

State that needs middleware (logging, devtools, persistence)

Upstream coverage (do not restate)

Zustand's own docs are the source for the mechanics. This skill carries only the OrchestKit delta on top of them, in references/ork-delta.md, the rules/ files, and the checklist.

Topic

First-party source

Basic store, create<State>()(), actions, async actions

https://github.com/pmndrs/zustand/blob/main/docs/reference/apis/create.md

Slices pattern (splitting and combining stores)

https://github.com/pmndrs/zustand/blob/main/docs/learn/guides/slices-pattern.md

Typing slices and middleware mutator tuples

https://github.com/pmndrs/zustand/blob/main/docs/learn/guides/advanced-typescript.md

Immer middleware (draft mutations)

https://github.com/pmndrs/zustand/blob/main/docs/reference/middlewares/immer.md

persist: partialize, version, migrate, onRehydrateStorage, storage adapters

https://github.com/pmndrs/zustand/blob/main/docs/reference/middlewares/persist.md

devtools: action names, enabled, serialize, trace

https://github.com/pmndrs/zustand/blob/main/docs/reference/middlewares/devtools.md

subscribeWithSelector and non-React subscriptions

https://github.com/pmndrs/zustand/blob/main/docs/reference/middlewares/subscribe-with-selector.md

name	zustand-patterns
license	MIT
compatibility	Claude Code 2.1.220+.
description	Reference for Zustand 5.x state management including slices, middleware, Immer, useShallow, persistence, selectors, and devtools integration. Documents 7 core patterns with TypeScript examples and anti-patterns. Use when building React state management with Zustand instead of Redux.
tags	["zustand","state-management","react","immer","middleware","persistence","slices"]
context	inherit
agent	frontend-ui-developer
version	1.0.0
allowed-tools	["Read","Write","Grep","Glob"]
author	OrchestKit
user-invocable	false
disable-model-invocation	true
complexity	low
persuasion-type	reference
effort	low
targets	[{"library":"zustand","version":">=5.0.0"}]
model	haiku
metadata	{"category":"document-asset-creation"}
path_patterns	["/store/","/stores/",".store.",".zustand."]

name	zustand-patterns
license	MIT
compatibility	Claude Code 2.1.220+.
description	Reference for Zustand 5.x state management including slices, middleware, Immer, useShallow, persistence, selectors, and devtools integration. Documents 7 core patterns with TypeScript examples and anti-patterns. Use when building React state management with Zustand instead of Redux.
tags	["zustand","state-management","react","immer","middleware","persistence","slices"]
context	inherit
agent	frontend-ui-developer
version	1.0.0
allowed-tools	["Read","Write","Grep","Glob"]
author	OrchestKit
user-invocable	false
disable-model-invocation	true
complexity	low
persuasion-type	reference
effort	low
targets	[{"library":"zustand","version":">=5.0.0"}]
model	haiku
metadata	{"category":"document-asset-creation"}
path_patterns	["/store/","/stores/",".store.",".zustand."]

Decision	Option A	Option B	Recommendation
State structure	Single store	Multiple stores	Slices in single store - easier cross-slice access
Nested updates	Spread operator	Immer middleware	Immer for deeply nested state (3+ levels)
Persistence	Manual localStorage	persist middleware	persist middleware with partialize
Multiple values	Multiple selectors	useShallow	useShallow for 2-5 related values
Server state	Zustand	TanStack Query	TanStack Query - Zustand for client-only state
DevTools	Always on	Conditional	Conditional - `enabled: process.env.NODE_ENV === 'development'`

File	Content
`ork-delta.md`	OrchestKit-specific rules: the corrected `zustand/shallow` label, the v5 floor, secret handling, graded slice typing
`anti-patterns-and-integration.md`	Forbidden patterns and React Query integration

zustand-patterns

Install options

Review the source files