Zustand is a tool for managing global state in your React applications. It is simple to use and works well with TypeScript. You can set up a store quickly and avoid common mistakes like hydration errors or infinite loops. This skill helps you use Zustand the right way.
Whether you are moving from Redux or starting fresh, Zustand makes state management easy. It also supports saving data across page reloads with the persist feature. This skill covers all the important patterns and rules.
You will learn how to create type-safe stores, use selectors for performance, and handle Next.js hydration. It also prevents six known bugs that can slow down your work.
Global
mkdir -p ~/.claude/skills/zustand-state-managementProject
mkdir -p .claude/skills/zustand-state-managementSource Repository
Frontend Designanthropics/skills
Create striking frontend interfaces with bold design and polished code every time
Vercel React Best Practicesvercel-labs/agent-skills
Optimize React and Next.js apps using proven Vercel performance guidelines
Vercel Composition Patternsvercel-labs/agent-skills
Clean React components with composition instead of boolean props
Shadcnshadcn/ui
Manage shadcn UI components easily with CLI commands and clear styling rules
Design Taste Frontendleonxlnx/taste-skill
Enforce premium frontend design with metric-based rules and smart component architecture
Impeccablepbakaus/impeccable
Polish your frontend interfaces with expert design critique and code
Minimalist Uileonxlnx/taste-skill
Build warm minimal web interfaces with editorial typography and flat bento grids
Industrial Brutalist Uileonxlnx/taste-skill
Raw mechanical UIs fusing Swiss print with military terminal aesthetics and high data density