minimax agent coding plan首步需输入三项硬性约束：【项目类型】、【交付形态】、【不可妥协项】，缺一不可；示例为“管理后台首页，交付形态为vite+ts工程，不可妥协项：路由采用react router v6，状态管理用zustand，所有图标用lucide react，禁止引入ant design或mantine。”
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜
你需要用MiniMax Agent Coding Plan快速规划一个前端项目，但卡在第一步：不知道该输入什么提示词、怎么组织上下文、哪些信息必须前置声明才能让Agent输出可执行的结构化方案。你试过直接扔一句“做个登录页”，结果Agent返回了三套UI库选型对比，却没给你目录结构和组件拆分逻辑。
明确项目边界与技术约束
这一步不是写需求文档，而是给Agent划定推理范围。它不读你心里想的“要快”“要好看”，只响应你白纸黑字写的硬性条件。
打开Cursor或Oh-My-Opencode，新建会话，首条输入必须包含三项：【项目类型】（如“管理后台首页”“H5活动页”“React组件库Demo”）、【交付形态】（如“单HTML文件”“Vite+TS工程”“Next.js App Router结构”）、【不可妥协项】（如“必须兼容IE11”“所有API调用走本地mock”“禁止使用第三方UI组件库”）。
示例：“管理后台首页，交付形态为Vite+TS工程，不可妥协项：路由采用React Router v6，状态管理用Zustand，所有图标用Lucide React，禁止引入Ant Design或Mantine。”
漏掉任何一项，Agent会默认按它认为“最通用”的路径生成，比如自动引入Tailwind CSS——而你团队禁用CSS-in-JS以外的样式方案。
注入可执行上下文
Agent需要知道它正在协作的对象是谁。不是泛泛而谈“开发者”，而是具体到你的技术栈水位和工具链习惯。
方法一：声明本地环境
紧接上一条输入后，追加：“本地已安装Node 18.17、pnpm 8.15、VS Code 1.89；偏好使用ESLint+Prettier组合；CI流程跑在GitHub Actions，yml模板已存在。”
方法二：提供已有资产
如果你有现成的Design Token JSON、品牌色值表、或旧项目中的utils.ts，直接粘贴关键片段。例如：“主色值：{primary: '#3b82f6', secondary: '#6b7280'}；已存在authUtils.ts，含login()、logout()、getAuthToken()三个函数。”
【注意】不要上传整个文件，只复制真正影响架构决策的2～4行代码或JSON字段。传大文件会让Agent陷入解析噪声，反而忽略核心约束。
触发结构化Plan生成
当上下文铺垫完成，用明确动词指令启动规划。避免模糊表述如“帮我设计一下”，必须锁定输出格式。
第一步：输入指令
“请基于以上约束，输出一份前端项目规划文档，严格按以下五部分组织：①目录结构树（含src下每个子目录用途说明）；②核心依赖清单（区分devDependencies与dependencies，标注版本号及引入原因）；③路由定义表（path、component、权限控制标记）；④状态管理设计（store模块划分、持久化策略、初始state结构）；⑤本地开发调试流程（pnpm命令链、mock数据注入点、热重载验证方式）。”
第二步：确认响应质量
检查Agent是否在每部分都嵌入了你声明的约束。例如目录结构里出现“src/components/ui/”即为失败——你已声明禁用第三方UI库，它却预设了shadcn/ui路径。
第三步：要求补全缺失项
若某部分为空（如状态管理设计只写了“用Zustand”，没写store模块划分），立刻追加：“请补全第④部分，明确列出authStore、userStore、notificationStore三个模块的state shape、action命名规范、以及persist配置项。”
导出可落地的执行清单
Plan文档只是中间产物，最终要变成能直接执行的原子任务。
对Agent说：“将上述规划文档转化为12条原子级执行指令，每条以‘pnpm’‘mkdir’‘touch’‘curl’等真实shell命令开头，按依赖顺序编号，跳过解释性文字，不包含任何Markdown格式。”
你会得到类似：
1. pnpm create vite@latest my-admin -- --template react-swc-ts
2. mkdir -p src/{layouts,features/auth,features/dashboard,shared/utils}
3. touch src/features/auth/store.ts
4. curl -o src/shared/utils/theme.ts https://raw.githubusercontent.com/my-team/tokens/main/theme.ts
复制整段命令，粘贴进终端，回车执行。所有路径、文件名、依赖版本均来自你此前声明的约束，无需二次校验。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
