Zustand State Architecture Specialist — ThirdScreen

What problem does it solve?

This Skill ensures a predictable, scalable, performant, and maintainable state layer for production-grade Tauri desktop applications using Zustand with React and TypeScript, strictly separating state from UI and business logic.

Core Features & Use Cases

• Store Structure Enforcement: Ensures one store per concern, splitting large stores by responsibility.
• State Separation: Differentiates between persistent and runtime state, and enforces explicit state ownership.
• Side Effect Prevention: Prevents stores from performing side effects like OS API access or direct persistence.
• React Integration: Promotes selector-first consumption and avoids storing derived state.
• Use Case: Refactoring a monolithic Zustand store into smaller, focused stores based on domain concerns to improve maintainability and performance.

Quick Start

Use the zustand-state-architecture skill to refactor the current monolithic state into separate stores based on application, grid, and user preference concerns.