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.

インストールへ移動

リポジトリ: yonatangross/orchestkit
ソースの最終更新活動: 2026年8月5日 16:40
検出された SKILL.md の言語: 英語
スター: 219
フォーク: 20

インストール方法

デフォルトでは、最初にソースを確認する Prompt が選択されています。直接コマンドに切り替えるか、ローカルコピーをダウンロードすることもできます。

Codex または Claude でインストールこの Prompt をコピーして Codex、Claude、または他のアシスタントに貼り付けると、Skill ページを確認してインストールできます。

直接コマンドでは確認用 Prompt が省略されます。実行前にソースを確認してください。

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

コマンドは1行のまま表示されます。コピー前に横へスクロールして全体を確認してください。

ローカルで確認しますか？SkillsMP が現在取得できるファイルをダウンロードできます。

ソースファイルを確認

インストールを決める前に、SKILL.md と SkillsMP に表示されている付属ファイルをお読みください。

ファイルエクスプローラー

11 ファイル

SKILL.md

ソースの指示 · 読み取り専用プレビュー

検索に戻るインストールに戻る

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

このリポジトリのすべてを見る

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

インストール方法

ソースファイルを確認