快速生成响应式网页组件
提示词描述：
专为前端开发者设计的组件生成方案，支持主流框架和响应式需求。通过精确的技术约束输出生产级代码，减少跨设备调试成本。建议配合组件库文档使用，生成后需进行视觉走查验证。
提示语关键词：
React组件生成,响应式网页设计,前端代码提示词,UI组件自动化,跨端适配脚本,前端开发工具
提示词内容：
假设你是前端架构师，请按以下要求生成React组件代码：
组件功能描述：明确UI元素类型（如数据表格/导航栏/表单验证器），提供设计稿尺寸比例或响应式断点要求（例如“移动端单列/平板双列/桌面三列”）。
技术栈约束：指定使用的UI库（Ant Design/MUI/原生CSS），声明状态管理方式（useState/useReducer/Context API），要求包含加载动画和错误边界处理。
交付标准：输出完整.jsx文件，包含组件声明、Props类型定义、样式模块导入。代码需实现：①屏幕宽度变化时自动调整布局 ②表单提交防抖处理 ③无障碍访问属性配置。附带Storybook基础配置示例。
特殊要求：禁用内联样式，所有CSS类名采用BEM命名规范，动态数据绑定需添加loading状态过渡效果。
上一页：AI自动化脚本生成：3步搞定重复任务
下一页：AI生视频：5分钟生成定制婚礼微电影