mimo code 通过理解上下文、分步执行实现前端开发自动化。它要求明确技术栈、交互细节和现有结构，支持 compose 模式下的 plan-build 流程，具备持久记忆与多模态输入能力。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜
MiMo Code 能自动开发复杂交互前端界面，但不是靠“一键生成整站”这种模糊操作，而是通过理解项目上下文、拆解需求、分步执行来完成。关键在于它把前端开发当作一个可规划、可验证、可迭代的工程任务，而不是单纯拼凑代码。
明确你的前端需求并提供上下文
直接说“做个登录页”效果有限；要让 MiMo Code 理解得准，需给出具体约束：
- 技术栈：React + TypeScript + Tailwind？还是 Vue 3 + Pinia？是否已有 UI 组件库（如 Ant Design）？
- 交互细节：表单需实时校验？提交后跳转还是弹窗反馈？是否集成 OAuth 第三方登录？
- 现有结构：当前项目目录里有没有 src/features/auth/？public/mock-api/ 是否存在？这些信息决定它能否复用已有逻辑或 mock 服务。
启动时进入 Compose 模式（按 Tab 切换），再输入类似：
“基于现有 auth 模块，新增带邮箱+密码+记住我+GitHub 登录的响应式登录界面，使用 React Hook Form 和 Zod 校验，提交调 mock API /api/login”
让它先 Plan，再 Build，不跳步
MiMo Code 的 plan 模式会输出一份可读的执行清单，比如：
前端设计与 UI/UX 全方位优化专家。覆盖视觉层次、排版系统、色彩理论、响应式布局、交互体验、动画动效、无障碍访问、性能优化八大维度，帮助开发者将普通页面升级为高品质产品级界面。前端设计与 UI/UX 全方位优化专家。覆盖视觉层次、排版系统、色彩理论、响应式布局、交互体验、动画动效、无障碍访问、性能优化八大维度，帮助开发者将普通页面升级为高品质产品级界面。
- 检查 src/lib/validation.ts 是否含 Zod 配置，若无则新建
- 在 src/features/auth/ 下创建 LoginForm.tsx 和 useLogin.ts
- 修改 src/app/routes.tsx，添加 /login 路由入口
- 生成配套单元测试（LoginForm.test.tsx）和 Storybook 示例
确认无误后切回 build 模式，它会逐项执行——每改一个文件都会显示 diff，并等待你输入 y 确认写入，安全可控。
利用记忆系统避免重复交代
如果你之前让 MiMo Code 处理过路由配置、API 请求封装或主题切换逻辑，它的 持久记忆系统（SQLite 存储）已自动记下这些项目约定。下次提新页面需求时，它会主动沿用相同风格：
- 自动匹配已有颜色变量（primary-600 而非硬写 #3b82f6）
- 请求函数统一放在 src/lib/api/auth.ts，而非随意新建
- 错误提示复用 ToastContext，不另起一套
无需每次强调“按项目规范”，它自己记得。
图片/设计稿也能驱动开发
支持多模态输入。你可以把 Figma 截图或手绘线框图拖进终端（需启用 ASR+Vision 模块），MiMo Code 会识别布局结构、按钮位置、文字层级，再结合你补充的交互说明，生成对应 JSX 或 Vue 模板。适合快速将设计还原为可运行原型。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
