react-component-generator

用途：按统一最佳实践生成可直接用于生产的 React 组件，覆盖 TypeScript 类型、Tailwind CSS 样式与 Zustand 状态管理，适合新建组件或搭建常见 UI 结构时使用。\n\n主要能力：assets 目录提供 7 个模板：BasicComponent（无复杂状态的展示型组件）、StatefulComponent（集成 Zustand store）、FormComponent（含校验、错误处理与提交逻辑）、ListComponent（通用列表、点击、删除、空状态）、CardComponent（可选图片、页头页脚、点击）、ButtonComponent（多 variant、多尺寸、加载与禁用、全宽）、ModalComponent（ESC 关闭、点击遮罩关闭、禁止 body 滚动、多种尺寸）。references/best-practices.md 覆盖组件结构、TypeScript、Zustand 模式、Tailwind 组织与响应式、组合、事件处理命名、性能优化、可访问性、错误处理与测试考虑。\n\n使用方式：先判断组件类型，读取对应模板，再替换占位名称并定制。命名约定：组件用 PascalCase（如 LoginForm），Props 接口为组件名+Props（LoginFormProps），Zustand store 为 use+组件名+Store（useLoginFormStore），文件名与组件名一致。生成后按最佳实践检查可访问性与性能，放置到合适目录，并同时提供具名导出与默认导出。\n\n适用场景：登录/注册、联系、数据录入等表单；待办、用户、商品等列表；商品卡、资料卡等展示；确认对话框、详情面板等浮层；各类按钮与基础布局。\n\n限制：未提供具体安装命令、依赖版本、运行环境要求与收费信息；模板与规范均以资料所述为准。