settings-usage-guidelines

What problem does it solve?

This skill provides guidelines for implementing and persisting user preferences in a React app using Zustand to ensure consistent settings across sessions.

Core Features & Use Cases

• Guides on subscribing to specific settings slices with the useSettingsStore hook
• Ensures settings automatically persist to localStorage via Zustand persistence
• Provides a pattern for adding new fields in types.ts and keeping UI in sync
• Use Case: A user updates theme and offline preference; settings persist across reloads

Quick Start

1. Review the Settings store definitions and ensure Zustand persist is enabled
2. Use the useSettingsStore hook to read and update user preferences
3. Extend types.ts with new fields and update defaultSettings accordingly