Zustand Patterns

What it does

When your agent uses it

• Building React state management with Zustand instead of Redux
• Tasks that involve State management

Example prompts

• “/zustand-patterns”

Requirements

• Node.js
• Compatibility (from SKILL.md): Claude Code 2.1.277+.
• Pre-approved tools (allowed-tools): Read, Write, Grep, Glob

What it can do on your machine

Read from SKILL.md and the folder at commit 02bbf9a. It shows what the files ask for, not the result of running them.

• Tool permissions

  Pre-approves these tools, so the agent can use them without asking each time:

  • Read
  • Write
  • Grep
  • Glob

  From allowed-tools in the SKILL.md frontmatter.

• Runs code

  Ships 1 file in scripts/ (TypeScript), which the agent can run.

  From the folder's file list and the shell code blocks in SKILL.md.

• Network

  Links to these hosts (documentation or services it may open):

  • github.com
  • tanstack.com
  • react-hook-form.com

  From URLs in SKILL.md, links to its own repository left out.

• Credentials

  Names no API keys, tokens, secrets or passwords.

  From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.

• Compatibility

  Claude Code 2.1.277+.

  From compatibility in the SKILL.md frontmatter.

Context cost

Zustand Patterns loads about 1.6k tokens when it runs, and up to ~2.7k if it reads all its reference files. Until then it costs about 75 tokens; SKILL.md has 392 words of instructions outside code blocks.

Always · name and description, kept in context so the agent knows when to use it

~75

When it runs · the whole SKILL.md, loaded when a task matches

~1.6k

With references · SKILL.md plus every file in references/, read only if the agent opens them

~2.7k

Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.

Safety

Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); the scripts in this folder are not scanned.

SKILL.md

The full file from yonatangross/orchestkit at commit 02bbf9a, republished under its MIT licence (© yonatangross). 392 words, ~1,630 tokens.

name

zustand-patterns

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.

allowed-tools

Read, Write, Grep, Glob

compatibility

Claude Code 2.1.277+.

license

MIT

context

inherit

user-invocable

false

disable-model-invocation

true

effort

low

model

haiku

metadata.category

document-asset-creation

metadata.version

1.0.0

metadata.author

OrchestKit

metadata.complexity

low

// ✅ Create typed store with double-call pattern
const useStore = create<State>()((set, get) => ({ ... }));

// ✅ Use selectors for all state access
const count = useStore((s) => s.count);

// ✅ Use useShallow for multiple values (Zustand 5.x)
const { a, b } = useStore(useShallow((s) => ({ a: s.a, b: s.b })));

// ✅ Middleware order: immer → subscribeWithSelector → devtools → persist
create(persist(devtools(immer((set) => ({ ... })))))

// ❌ Never destructure entire store
const store = useStore(); // Re-renders on ANY change

// ❌ Never store server state (use TanStack Query instead)
const useStore = create((set) => ({ users: [], fetchUsers: async () => ... }));

© yonatangross, MIT. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file

Files

SKILL.md and 10 other files (scripts, references) in src/skills/zustand-patterns of yonatangross/orchestkit.

• SKILL.md
• checklists/zustand-checklist.md
• references/anti-patterns-and-integration.md
• references/ork-delta.md
• rules/_sections.md
• rules/_template.md
• rules/zustand-middleware-order.md
• rules/zustand-middleware-pitfalls.md
• rules/zustand-slice-pattern.md
• scripts/store-template.ts
• test-cases.json

Open the folder on GitHubat commit 02bbf9a