AI代码生成器：3步快速构建企业级前端组件
提示词描述：
专为前端开发者设计的标准化组件生成方案，通过结构化指令将需求转化为可复用代码。适用于需要快速搭建企业级界面的团队，预期可缩短40%基础组件开发时间。建议配合代码审查工具使用以确保质量。
提示语关键词：
AI代码生成, 前端开发工具, React组件模板, Vue3代码生成, 企业级UI组件
提示词内容：
【使用场景】
适用于前端开发团队需高效生成标准化UI组件的场景，如后台管理系统、数据看板界面搭建。
【操作步骤】
1. 明确组件需求：在提示词中清晰描述组件功能（如“可筛选数据表格”）、技术栈（React/Vue）及交互要求
2. 附加约束条件：指定代码规范（ESLint规则）、响应式适配要求、无障碍访问标准
3. 执行生成指令：使用结构化提示词模板提交请求，例如“请生成符合Material Design规范的React数据表格组件，包含排序/分页功能，需支持TypeScript类型定义”
【效果示例】
输入：“创建支持暗色模式的Vue3侧边栏导航组件，要求包含折叠动画、权限路由过滤功能”
输出：完整组件代码（含template/script/style）、Props类型声明、使用示例及注意事项说明
【进阶技巧】
• 采用“分阶段生成”策略：先输出基础结构，再通过迭代提示补充复杂逻辑
• 结合组件库文档：在提示词中引用Element Plus/Ant Design等官方API参数提升准确率