关于 react-component-generator
面向前端开发的技能，可生成 React 组件代码和配置，并提供分步指导，依据常见实践检查输出。
主要功能
- 01组件开发分步指导
- 02生成代码与配置
- 03按常见标准验证
- 04前端实践建议
适用场景
- 01生成 React 组件代码
- 02创建组件配置
- 03按标准检查前端输出
安装
复制下面的命令，在终端中运行。
$
npx skills add https:/安装后在 Claude Code 中输入/react-component-generator确认已加载。
详细介绍
React 组件生成器
概述
此技能可为前端开发领域中的 React 组件生成器任务提供自动化协助。
使用场景
在以下情况下，此技能会自动启用：
- 在请求中提到“React 组件生成器”
- 询问 React 组件生成器的模式或最佳实践
- 需要前端相关技能方面的帮助，涵盖 React、Vue、CSS、无障碍性、性能优化和现代 Web 开发模式。
说明
- 提供 React 组件生成器的分步指导
- 遵循行业最佳实践和模式
- 生成可用于生产环境的代码和配置
- 根据常见标准验证输出
示例
示例：基本用法 请求：“请帮我使用 React 组件生成器” 结果：提供分步指导并生成适当的配置
先决条件
- 已配置相关开发环境
- 可访问所需工具和服务
- 具备前端开发概念的基础知识
输出
- 生成的配置和代码
- 最佳实践建议
- 验证结果
错误处理
| 错误 | 原因 | 解决方案 |
|---|---|---|
| 配置无效 | 缺少必填字段 | 查阅文档，了解必需参数 |
| 找不到工具 | 未安装依赖项 | 根据先决条件安装所需工具 |
| 权限被拒绝 | 访问权限不足 | 验证凭据和权限 |
资源
- 相关工具的官方文档
- 最佳实践指南
- 社区示例和教程
相关技能
属于前端开发技能类别。 标签：React、Vue、CSS、无障碍性、Web
评论
支持 Markdown