Where does the skill place the generated files?

Files are organized by feature within 'src/features/[feature]/context/' or in a shared global directory, adhering to modular architecture standards.

When should I use this instead of useState?

This skill is ideal for complex state shared across multiple components. For simple, single-component state, standard React useState is usually preferred.

Does this skill support TypeScript?

Yes, it generates strictly typed interfaces for state and discriminated unions for actions to ensure full type safety and IDE autocompletion.

What testing framework does it use?

It generates tests compatible with Vitest and React Testing Library, aiming for 100% coverage of reducer logic and hook behavior.

React Context & State Generator

Name: React Context & State Generator
Author: solrac97gr

bysolrac97gr

•

개발자 도구

Generates production-ready React Contexts with Providers, reducers, and unit tests using TypeScript best practices.

The React Context & State Generator simplifies complex state management by scaffolding a complete Context API architecture. It automatically creates the Context, a Provider component utilizing useReducer, and a custom consumer hook with built-in error handling. By enforcing strict TypeScript types and discriminated unions for actions, it ensures type safety across your application. Additionally, it generates a comprehensive test suite using React Testing Library to verify reducer transitions and hook behavior, following a modular, feature-driven directory structure.

주요 기능

01Generates strict TypeScript interfaces and discriminated union action types

022 GitHub stars

03Includes custom hooks with automated Provider validation and error checking

04Produces comprehensive unit tests for reducers and custom hooks

05Scaffolds complete React Context with Provider and useReducer logic

06Supports both feature-specific and global shared context architectures

사용 사례

01Implementing complex feature-level state like multi-step forms or dashboard filters

02Setting up global application systems such as Authentication, Themes, or Shopping Carts

03Refactoring legacy prop-drilling code into a clean, testable Context-based pattern

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add solrac97gr/marketplace-plugins new-context

For use in Claude.ai and ChatGPT

Download Skill