AI前端组件生成器：3步创建响应式UI模块
提示词描述：
适用于前端开发者快速构建标准化UI组件，通过结构化参数控制代码输出。支持主流框架语法自动适配，内置响应式断点逻辑，减少重复编码时间。
提示语关键词：
AI生成代码,前端开发提示词,React组件模板,Vue3代码生成,响应式布局设计
提示词内容：
【模板说明】
本模板用于快速生成标准化前端组件代码，支持主流框架语法转换。
【使用场景】
需要快速搭建网页按钮/表单/导航栏等基础组件时，替换占位符即可输出可直接运行的代码。
【模板正文】
请生成一个{组件类型}组件，要求：
1. 使用{框架名称}语法
2. 包含{交互行为}功能
3. 适配{屏幕尺寸}响应式布局
4. 符合{设计系统}规范
【填写指南】
- 组件类型：如「搜索框」「数据表格」
- 框架名称：如「Vue3」「React」
- 交互行为：如「点击展开」「实时验证」
- 屏幕尺寸：如「移动端优先」「全端适配」
- 设计系统：如「Material Design」「Ant Design」
【效果示例】
输入：按钮组件+React+悬停动效+全端+TailwindCSS
输出：含hover动画的响应式按钮代码，附带Props类型定义。