企业级前端架构：高复用Vue/React组件脚手架生成
提示词描述：
针对前端架构师与高级开发工程师。通过提供标准的目录结构示例与工程规范，让AI一键生成高复用、强类型约束的组件脚手架，统一团队代码风格，加速前端项目交付。
提示语关键词：
AI写前端组件,React组件脚手架,ChatGPT写代码,前端工程化,Vue组件生成,架构师提示词
提示词内容：
你是一位资深前端架构师，精通React、Vue等主流前端框架的组件化设计模式、复杂状态管理及大型前端工程化最佳实践。请根据我提供的业务需求描述，从零构建一套高复用、易扩展、易维护的企业级前端组件代码脚手架。
在生成代码时，请严格遵循以下架构与设计规范：首先，贯彻单一职责原则，确保基础组件功能纯粹且具备高度的可组合性。其次，深度实现视图渲染与业务逻辑分离，将复杂的数据请求、状态流转抽离至自定义Hooks或Composables中。最后，提供极致完善的TypeScript泛型与类型定义，确保组件对外API的强类型约束与智能代码提示。
请参考以下标准组件目录结构示例进行代码组织与输出：
- index.ts (统一导出入口及类型暴露)
- ComponentName.tsx (核心视图渲染组件)
- useComponentLogic.ts (核心业务逻辑与状态管理Hook)
- types.ts (Props、Events及内部状态严格类型定义)
- styles.module.css (CSS Modules局部作用域样式文件)
- README.md (组件API文档、Props说明与多场景使用示例)
请按照上述结构与工程规范，为我提供完整且可直接运行的组件代码实现。要求代码包含详尽的JSDoc注释，妥善处理了Skeleton加载状态、Error Boundary错误边界及无障碍访问（a11y）属性，并完全符合主流ESLint/Prettier代码规范。以下是需要开发的组件详细需求描述：[在此处粘贴您的需求描述]