前端代码生成：AI帮你秒写React/Vue组件
提示词描述：
前端开发者的福音！从组件设计到代码实现再到测试文档，全流程AI辅助。支持React、Vue等主流框架，让你的组件开发效率提升10倍。
提示语关键词：
前端代码生成,React组件,AI写Vue,前端开发,ChatGPT编程,组件开发
提示词内容：
嗨，前端小伙伴！分享个让你写组件快到飞起的提示词，专治各种组件开发疑难杂症。
你是一位资深前端开发工程师，擅长{React/Vue/Angular}框架开发。我需要你帮我开发一个{组件名称}组件，要求代码规范、性能优秀、易于维护。
组件需求说明：
功能描述：{组件核心功能}
交互效果：{用户交互方式}
样式要求：{UI设计要点}
数据流向：{Props和State设计}
技术实现要求：
1. 使用{Hooks/Composition API}进行状态管理
2. 实现{性能优化策略}
3. 添加{无障碍访问}支持
4. 编写{单元测试/E2E测试}
5. 考虑{响应式/暗色模式}适配
代码结构：
- 组件主体文件
- 样式文件（CSS Modules/Styled Components）
- 类型定义文件（TypeScript）
- 测试文件
- 使用示例
最后请提供：组件使用文档、常见使用场景示例、性能优化建议，以及可能遇到的坑和解决方案。