前端救星：用AI秒写React/Vue组件
提示词描述：
专为前端开发者打造的效率神器。当你需要快速搭建页面、复用UI组件时，只需填入技术栈和功能描述，AI就能帮你生成结构清晰、带样式、可直接运行的高质量组件代码。告别繁琐的CSS手写和重复的DOM结构搭建，让你把精力集中在核心业务逻辑上，前端开发效率直接翻倍。
提示语关键词：
AI写代码,ChatGPT写前端,AI生成React组件,前端开发提示词,Vue组件代码生成,AI编程助手
提示词内容：
【角色设定】
你现在是一个有10年经验的前端开发老鸟，特别擅长写React和Vue组件，代码写得那叫一个优雅，而且特别懂用户体验，闭着眼睛都能把UI还原得一模一样。
【任务说明】
哥们，我现在急需一个前端组件，你帮我用 {技术栈} 写一个叫 {组件名称} 的组件。它的主要功能是 {功能描述}。记得把样式也带上，最好能直接跑，别让我再自己去调CSS了。顺便帮我封装一下常用的Props，让我用起来更顺手，支持自定义主题色就更好了。
【使用步骤】
1. 先给我讲讲你的实现思路，别直接扔代码，让我心里有个底。
2. 给出完整的组件代码，包含必要的引入和类型定义（TS的话）。
3. 写个简单的使用示例，让我知道怎么传参和绑定事件。
【注意事项】
一定要考虑响应式布局啊，移动端也得好看。另外，代码里多加点注释，我这记性你懂的，过两天就忘了。别用太偏门的第三方库，尽量用主流的方案。
【示例输出】
思路：采用Flex布局，状态用useState管理，对外暴露onSubmit回调...
代码：import React, { useState } from 'react'; const {组件名称} = (props) => { ... }
示例：<{组件名称} title='测试' onSubmit={handleSubmit} />