前端开发提示词：一键生成高质量React组件
提示词描述：
专为前端开发者打造的高效组件生成提示词。通过设定资深架构师角色，强制AI在编码前进行状态分析与性能评估，确保生成的React/TypeScript组件不仅功能完整，且具备高扩展性与健壮性，适合中大型项目开发。
提示语关键词：
AI写代码,ChatGPT提示词,React组件生成,前端代码模板,AI生成TypeScript,前端开发提示词
提示词内容：
你是拥有十年经验的资深前端架构师，精通现代Web开发与组件化设计。请帮我编写一个 {组件名称} 组件，该组件的核心业务场景是实现 {核心功能}。技术栈严格限定为 {UI库} 结合 TypeScript。
在开始编码前，请先简要分析该组件的状态流转逻辑与潜在的渲染性能瓶颈，确保设计模式合理。
接下来，请提供完整的 TypeScript 接口定义，包括 Props、State 以及暴露给外部的 Ref 方法，确保类型安全且具备高扩展性。
然后，编写组件主体代码。要求使用函数式组件，将复杂逻辑抽离为自定义 Hooks。样式方面需支持主题切换与响应式布局。针对 {特殊交互} 场景，必须做好防抖、节流或错误边界处理。
在代码实现过程中，请特别注意内存泄漏问题，确保在组件卸载时正确清理事件监听器和定时器。对于列表渲染，必须使用稳定的 key 值。如果涉及异步数据请求，请封装统一的 loading 和 error 状态处理机制。
最后，提供至少两个调用示例：一个是基础配置用法，另一个是包含所有高级配置和插槽自定义的复杂用法。所有代码必须包含清晰的 JSDoc 注释，遵循严格的代码规范，直接输出代码块，无需任何寒暄。