--- name: "react-component-generator" description: | Generate react component generator operations. Auto-activating skill for Frontend Development. Triggers on: react component generator, react component generator Part of the Frontend Development skill category. Use when working with react component generator functionality. Trigger with phrases like "react component generator", "react generator", "react". allowed-tools: "Read, Write, Edit, Bash(cmd:*), Grep" version: 1.0.0 license: MIT author: "Jeremy Longshore " --- # React Component Generator ## Overview This skill provides automated assistance for react component generator tasks within the Frontend Development domain. ## When to Use This skill activates automatically when you: - Mention "react component generator" in your request - Ask about react component 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 react component 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 react component 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