Enforce zustand best-practice patterns in TypeScript store files.
npx skills add https://github.com/malinskibeniamin/skills --skill setup-zustand
Please help me install this Agent Skill. Skill: setup-zustand Source: https://github.com/malinskibeniamin/skills/tree/main/setup-zustand Command: npx skills add https://github.com/malinskibeniamin/skills --skill setup-zustand
This Skill enforces zustand best practices via a PostToolUse hook to prevent common anti-patterns in store files and improve reliability.
Install and configure the PostToolUse hook, then verify your zustand store files against the rules.
High-intent search queries and answers about installing and using this skill.
To enforce zustand best practices in TypeScript, use a PostToolUse hook to scan store files and block anti-patterns like single-parens create<T>()() and direct localStorage usage. This improves middleware type inference and reliability.
Double-parens create<T>()() is required because it improves middleware type inference in TypeScript. A linter hook can block single-parens create<T>()() to enforce this pattern across all store modules that import zustand.
To prevent unnecessary re-renders with zustand inline object selectors, use useShallow for multi-value selectors. A dedicated lint hook can warn against inline object selectors and guide you to the useShallow pattern.
You should not use direct localStorage in zustand store files for persistence. Instead, use the zustand persist middleware, which a lint rule can enforce by banning direct localStorage usage across your store modules.
Yes, you can apply zustand lint rules to all store modules across your codebase. The hook applies to any store module that imports zustand, covering store creation, selector usage, and persistence validation.
flaviogragnolatiAutomate Zustand store setup with TypeScript and middleware in React.
JNZaderCreates scalable, type-safe Zustand 5 stores with slices, async actions, and DevTools integration.
estebandrgImplement Zustand stores, selectors, persist middleware, and slices in TypeScript.
goranjovic55Generate React patterns and WebSocket client scaffolding for TSX/JSX files.
