react-component-generatorlisted

# React Component Generator This skill provides templates and best practices for generating high-quality React components using TypeScript, Tailwind CSS, and Zustand for state management. ## Purpose Generate production-ready React components that follow industry best practices and maintain consistency across the codebase. The skill includes pre-built templates for common component patterns and comprehensive best practices documentation. ## When to Use This Skill Use this skill when: - The user requests creating a new React component - The user asks for UI elements like forms, buttons, cards, lists, or modals - The user mentions component generation or scaffolding - The user needs a component with Zustand state management - The user wants to follow React best practices ## Available Component Templates The skill provides the following templates in the `assets/` directory: ### 1. BasicComponent.tsx A simple presentational component template for UI elements without complex state. **When to use:** - Simple UI elements (headers, footers, containers) - Presentational components that receive data via props - Reusable layout components **Key features:** - TypeScript interface for props - JSDoc documentation - Tailwind CSS styling - Children support ### 2. StatefulComponent.tsx A component with integrated Zustand store for state management. **When to use:** - Components requiring complex local state - Components with multiple related state values - Components with state tha