playbooks

home / skills / jeremylongshore / claude-code-plugins-plus-skills / redux-slice-generator

redux-slice-generator skill

/skills/05-frontend-dev/redux-slice-generator

This skill helps you generate and validate production-ready redux slice code and configurations for frontend development.

npx playbooks add skill jeremylongshore/claude-code-plugins-plus-skills --skill redux-slice-generator

Review the files below or copy the command above to add this skill to your agents.

Files (1)
SKILL.md
2.2 KB
---
name: "redux-slice-generator"
description: |
  Generate redux slice generator operations. Auto-activating skill for Frontend Development.
  Triggers on: redux slice generator, redux slice generator
  Part of the Frontend Development skill category. Use when working with redux slice generator functionality. Trigger with phrases like "redux slice generator", "redux generator", "redux".
allowed-tools: "Read, Write, Edit, Bash(cmd:*), Grep"
version: 1.0.0
license: MIT
author: "Jeremy Longshore <[email protected]>"
---

# Redux Slice Generator

## Overview

This skill provides automated assistance for redux slice generator tasks within the Frontend Development domain.

## When to Use

This skill activates automatically when you:
- Mention "redux slice generator" in your request
- Ask about redux slice generator patterns or best practices
- Need help with frontend skills covering react, vue, css, accessibility, performance optimization, and modern web development patterns.

## Instructions

1. Provides step-by-step guidance for redux slice generator
2. Follows industry best practices and patterns
3. Generates production-ready code and configurations
4. Validates outputs against common standards

## Examples

**Example: Basic Usage**
Request: "Help me with redux slice generator"
Result: Provides step-by-step guidance and generates appropriate configurations


## Prerequisites

- Relevant development environment configured
- Access to necessary tools and services
- Basic understanding of frontend development concepts


## Output

- Generated configurations and code
- Best practice recommendations
- Validation results


## Error Handling

| Error | Cause | Solution |
|-------|-------|----------|
| Configuration invalid | Missing required fields | Check documentation for required parameters |
| Tool not found | Dependency not installed | Install required tools per prerequisites |
| Permission denied | Insufficient access | Verify credentials and permissions |


## Resources

- Official documentation for related tools
- Best practices guides
- Community examples and tutorials

## Related Skills

Part of the **Frontend Development** skill category.
Tags: react, vue, css, accessibility, web

Overview

This skill automates creation and guidance for Redux slice generator tasks in frontend projects. It produces production-ready slice code, configuration patterns, and validation checks for modern React state management. The skill is auto-activated for requests mentioning redux slice generator or similar triggers.

How this skill works

The skill inspects your requested slice shape, actions, reducers, async thunks, and normalization needs, then generates code and configuration following industry best practices. It validates outputs against common conventions (naming, immutability, type-safety patterns) and can produce examples for integration with components and tests. It also offers step-by-step guidance to adapt generated slices to your existing codebase.

When to use it

  • You need a new Redux slice with actions, reducers, and async thunks
  • Refactoring state management to follow modern Redux patterns
  • Generating type-safe slices for TypeScript projects
  • Creating normalized state shapes and selectors for performance
  • Validating slice structure, naming, and integration patterns

Best practices

  • Define a clear state shape and normalize nested data to simplify selectors
  • Use createSlice and createAsyncThunk from Redux Toolkit for concise code
  • Keep slice responsibilities focused; separate concerns across slices
  • Prefer selectors and memoization (reselect) to avoid unnecessary renders
  • Include unit tests for reducers and integration tests for async thunks

Example use cases

  • Generate a userSlice with list, detail, loading, and error states plus fetchUser async thunk
  • Refactor a monolithic slice into smaller focused slices (auth, ui, entities)
  • Produce TypeScript-ready slices with typed actions, state interfaces, and payload types
  • Create normalized entities slice with createEntityAdapter and selectors
  • Validate slice naming, folder structure, and suggest import paths for feature modules

FAQ

What inputs do you need to generate a slice?

Provide state fields, action names, async operations, and any preferred naming conventions or TypeScript types.

Can the generated code integrate with existing reducers?

Yes. The skill can produce slices ready for combineReducers or feature-based registration and show integration examples.