What state management library does this skill support?

This skill is specifically optimized for Zustand, implementing patterns designed for the health-tracker-9000 project structure.

Does it handle user-facing notifications?

Yes, it automatically includes toast.success() and toast.error() calls to provide immediate feedback to the user upon action completion or failure.

Can I use it for different HTTP methods?

Absolutely. The skill prompts for the HTTP method (GET, POST, PUT, DELETE) and generates the appropriate fetch headers and body configurations.

How does it ensure state consistency?

The skill follows immutable state patterns using the spread operator and Zustand's set/get functions, ensuring the store is updated safely without side effects.

Zustand Store Action Generator

Name: Zustand Store Action Generator
Author: marcd35

bymarcd35

0•

API Development

Automates the creation of asynchronous Zustand store actions with built-in loading states, error handling, and toast notifications.

The generate-store-action skill streamlines React state management by automatically scaffolding complex asynchronous actions for Zustand stores. It ensures architectural consistency by strictly following implementation patterns that include interface updates, immutable state changes, and standardized API fetch logic. By automating the repetitive boilerplate of managing loading and error states alongside toast notifications, it allows developers to integrate new backend endpoints into their frontend store in seconds while maintaining high code quality.

Key Features

01Automatic HealthState interface expansion

02Pre-configured toast notification integration

03Support for full CRUD (GET, POST, PUT, DELETE) operations

040 GitHub stars

05Standardized loading and error state management

06Immutable state update pattern implementation

Use Cases

01Adding new tracking metrics like sleep or water intake to a health dashboard

02Quickly scaffolding store actions for new backend endpoints

03Standardizing error handling and user feedback across all API-driven state updates

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add marcd35/health-tracker-9000 generate-store-action

For use in Claude.ai and ChatGPT

Download Skill