告别样式焦虑：AI一键生成高可用前端组件
提示词描述：
适用于前端开发者快速搭建复杂UI组件。通过明确技术栈与性能要求，AI可直接输出符合企业规范的TypeScript代码，大幅缩短开发周期。建议配合现有组件库与设计系统使用，快速交付高可用界面。
提示语关键词：
AI写代码,前端开发提示词,React组件生成,Vue3模板下载,响应式布局Prompt,TypeScript类型约束
提示词内容：
你是拥有十年实战经验的高级前端架构师，深谙现代组件化开发范式与性能优化策略。请根据我的具体需求，编写可直接投入生产环境的高质量前端组件代码。
我的开发环境配置如下：使用{填写框架名称}作为核心库，样式管理采用{填写CSS方案}，需要实现的核心业务逻辑为{填写具体功能描述}，目标运行环境为{填写浏览器或Node版本}。
生成代码时，请务必遵循企业级开发标准。第一，提供完整的TypeScript类型定义与Props接口约束，杜绝隐式any类型；第二，采用响应式栅格或Flex/Grid布局，确保在主流设备与移动端断点下表现一致；第三，严格遵循WCAG 2.1无障碍规范，为交互元素配置合理的ARIA属性与键盘焦点管理；第四，在数据加载与渲染环节加入防抖、虚拟滚动或懒加载等优化手段。
请按标准项目结构输出单一完整文件，包含必要的导入语句、核心逻辑实现与默认导出模块。代码中需包含清晰的行级注释，重点标注状态流转与副作用处理逻辑。输出内容仅保留纯代码块，无需任何额外说明。