Agent Skills
› NeverSight/learn-skills.dev
› react-component-generator
react-component-generator
GitHub前端开发技能，自动触发以辅助 React 组件生成任务。提供分步指导、最佳实践及生产就绪代码，涵盖 Vue/CSS/无障碍等现代 Web 开发模式，支持配置验证与错误处理。
Trigger Scenarios
react component generator
react generator
react
Install
npx skills add NeverSight/learn-skills.dev --skill react-component-generator -g -y
SKILL.md
Frontmatter
{
"name": "react-component-generator",
"author": "Jeremy Longshore <jeremy@intentsolutions.io>",
"license": "MIT",
"version": "1.0.0",
"description": "Generate react component generator operations. Auto-activating skill for Frontend Development.\nTriggers on: react component generator, react component generator\nPart of the Frontend Development skill category. Use when working with react component generator functionality. Trigger with phrases like \"react component generator\", \"react generator\", \"react\".\n",
"allowed-tools": "Read, Write, Edit, Bash(cmd:*), Grep"
}
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
- Provides step-by-step guidance for react component generator
- Follows industry best practices and patterns
- Generates production-ready code and configurations
- 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
Version History
- e0220ca Current 2026-07-05 21:58
