MiMo Code 可通过一句中文需求自动生成可运行的 React + TypeScript + TailwindCSS 页面：启动后切至 Compose 模式，输入如“生成一个带搜索框和卡片列表的博客首页……”等自然语言描述，它将自动创建组件、工具函数、样式配置并集成路由，最终在浏览器中访问对应路径即可查看可交互页面。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜
用自然语言一句话描述你想要的前端页面，MiMo Code 就能自动生成可运行的 React + TypeScript + TailwindCSS 页面，无需手动建文件、配路由、写样式。
启动 MiMo Code 并进入 Compose 模式
在终端中输入 mimo 启动程序，等待彩色界面加载完成。
按 Tab 键切换到 【Compose】 模式——这是专为端到端页面生成设计的工作区，不是普通聊天模式。
如果卡在欢迎页没反应，检查是否已信任当前目录：首次启动时必须回车确认“是的，我信任此目录”，否则无法执行文件操作。
立即学习“前端免费学习笔记（深入）”；
用中文描述页面需求
直接输入一句清晰的中文需求，例如：“生成一个带搜索框和卡片列表的博客首页，卡片显示标题、摘要和发布时间，用 Tailwind 排版，深色模式默认开启”。
不要加技术术语限制，比如别写“用 useState 和 useEffect”，MiMo Code 会自动选择最匹配工程规范的实现方式。
这一步操作起来很简单，直接把句子敲进去按回车就行。它会自动拆解结构：识别要生成的组件（BlogHome.tsx）、工具函数（useDarkMode.ts）、样式配置（tailwind.config.ts 的 darkMode 扩展）。
确认生成内容并落地到项目
第一步：查看 MiMo Code 输出的文件清单，确认包含 src/pages/BlogHome.tsx 或类似路径；【若路径含 node_modules 或绝对路径，立即中断，说明模型误判了项目根目录】
第二步：观察终端是否提示“✅ 文件已写入”，此时它已自动创建目录、写入代码、更新路由（如检测到 Vite + React Router）。
第三步：打开 VS Code，刷新资源管理器，找到新生成的页面文件。如果没出现，执行 ls -R src/ | grep BlogHome 手动定位。
第四步：在浏览器中访问对应路由（如 http://localhost:5173/blog），页面应可交互且无控制台报错。
