mimo code 通过深度理解项目上下文与组件库语义实现动态合成，自动识别ui库、语义建模api、跨库适配、compose模式编排、记忆驱动复用及工具链协同闭环。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜
MiMo Code 的自动开发能力不依赖模板拼接，而是基于对项目上下文的深度理解，结合组件库语义进行动态合成。它不是“找组件+填参数”，而是把组件库当作可推理的知识图谱来用——知道 Button 在 Ant Design 里带 loading 属性，在 MUI 里叫 startIcon，还能判断哪个更适配当前项目的技术栈和设计规范。
组件库感知与自动适配
MiMo Code 启动时会扫描 node_modules 或 vendor 目录，自动识别已安装的 UI 组件库（如 Ant Design、Element Plus、Chakra UI），并加载其官方文档结构、Props 类型定义和典型用法示例。它不靠硬编码规则匹配，而是通过本地嵌入模型对组件 API 进行语义建模。
- 输入“加一个带搜索和分页的用户表格”，它会主动检查项目是否用了 TanStack Table + MUI，然后生成带 useReactTable 钩子、MUI DataGrid 封装、以及 debounce 搜索逻辑的完整组件
- 若检测到项目同时存在 Tailwind 和 Bootstrap，它会根据已有 class 命名习惯（比如是否用 bg-blue-500 或 btn-primary）自动选择风格体系，避免混用
- 支持跨库迁移提示：当你说“把旧表单改成 Ant Design 风格”，它能定位原生 HTML 表单位置，逐字段映射为 Form.Item + Input/Select，并补全 required 规则和校验提示
Compose 模式下的组件级编排
在 Tab 切换进入 Compose 模式后，MiMo Code 把组件调用视为可组合的原子操作。它不会一次性生成整页代码，而是先构建组件关系图，再按依赖顺序生成、验证、组装。
- 例如“做一个带登录态管理的仪表盘页面”，它会拆解为：AuthGuard（包裹）→ Sidebar（固定）→ Header（状态驱动）→ Main（动态路由）→ ChartCard（数据绑定）→ ExportButton（权限控制）
- 每个组件生成后，自动注入类型定义（TypeScript 接口）、Jest 测试桩、以及 Storybook 示例文件（如果项目已启用）
- 若某组件缺失 props 类型，它会反向解析组件源码（如 node_modules 中的 index.d.ts），补全缺失字段并标注来源
记忆驱动的组件复用优化
持久记忆系统让 MiMo Code 记住你过去怎么用某个组件——比如你三次都给 Modal 加了 maskClosable={false}，下次生成 Modal 时就会默认带上；你曾手动修改过 DatePicker 的 format，它下次就优先推荐该格式而非库默认值。
- 项目记忆中会沉淀“组件偏好档案”，包括常用变体（如 Card 的 hover-shadow 版本）、高频 Props 组合（Table 的 pagination + rowSelection）、甚至自定义 Hook 封装路径
- /dream 指令执行后，会将分散的组件使用模式聚类，生成 project-specific 组件速查表（如 ./mimo/components.md），供后续快速引用
- 当团队多人共用同一仓库时，记忆系统还能聚合成员共性操作，自动提炼出团队级组件规范建议
与工具链协同的合成闭环
组件合成不是终点，而是嵌入开发流水线的一环。MiMo Code 会在生成后自动触发配套动作，确保代码真正可用。
- 写完组件立即运行 lint-staged 检查，修复 ESLint 错误（如 missing key in map）并重写代码
- 检测组件是否导出，默认添加 export default 或命名导出，并更新 index.ts 的 re-export 声明
- 若组件含副作用（如 useSWR 请求），自动插入 mock 数据脚本（mock/api/users.ts），方便本地调试
- 支持一键提交：生成完成后直接执行 git add . && git commit -m "feat: add user dashboard with antd components"
