stores

Community

Centralize UI state with Zustand stores.

Authorjorggerojas
Version1.0.0
Installs0

System Documentation

What problem does it solve?

The UI state is often scattered across components, leading to prop drilling and inconsistent behavior. This skill provides a standardized approach to centralize UI-related state using Zustand stores stored under src/stores/.

Core Features & Use Cases

  • UI state only: dedicated stores for modals, sidebars, loading indicators, and toggles to keep server data separate.
  • Export pattern: centralize exports from src/stores/index.ts for convenient imports.
  • Guided usage: examples show how to interact with the store in components and how to create new stores following the pattern.

Quick Start

Create a new UI store file under src/stores, export it from the index, and use it in a component to control a modal.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: stores
Download link: https://github.com/jorggerojas/next-skeleton-page/archive/main.zip#stores

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.