必须按三步操作：第一步输入含场景、动作链、技术约束、输出形式的结构化提示词；第二步确认计划并授权Supabase；第三步下载验证，执行npm run dev或脚本启动，检查实时功能。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜
要用MiniMax Agent一次性生成含前后端、数据库和部署逻辑的多步骤任务代码，比如带用户登录、数据提交与实时展示的完整网页应用，必须让Agent理解任务的阶段依赖与系统边界。
第一步：明确任务结构并输入高精度指令
打开 https://www.php.cn/link/5c490b208aeecdb2af2f4b6fb696a6fe，在输入框中粘贴结构化提示词，不要用“帮我做一个……”这种模糊表达。
必须包含四个要素：场景（如“校园二手书交易平台”）、核心动作链（“用户注册→发布图书→搜索浏览→在线留言→后台管理”）、技术约束（“前端用React+TypeScript，后端用Supabase实现鉴权与实时订阅，不使用第三方支付”）、输出形式（“生成可直接运行的完整工程，含README说明启动方式”）。
这一步漏掉任意一个要素，Agent会默认跳过对应模块——比如没写“实时订阅”，它就不会启用Supabase Realtime API，后续多人同步功能将彻底缺失。
第二步：确认执行计划并授权外部服务
提交后，Agent会在30秒内返回high-level plan，列出项目目标、分阶段开发步骤、技术选型依据及依赖服务清单。
重点检查「外部服务授权」环节是否出现Supabase登录弹窗。若未出现，说明指令中未明确要求“用户鉴权”或“数据持久化”，需退回修改提示词并重新提交。
【必须点击“授权”按钮完成Supabase绑定，否则生成的代码中auth模块为空，所有登录逻辑将无法编译通过】
授权完成后，页面底部会出现“开始构建”按钮，点击即启动全栈代码生成流程。
第三步：下载并本地验证生成结果
等待12–18分钟（取决于任务复杂度），右侧代码面板自动展开，左侧显示可访问的预览链接，如 https://abcd1234.space.minimax.io。
点击右上角「下载ZIP」获取全部源码，解压后进入项目根目录，按README中写的命令执行：
方法一（推荐）：运行 npm install && npm run dev 启动本地开发服务器；
方法二：若提示缺少环境变量，打开 .env.local 文件，将 NEXT_PUBLIC_SUPABASE_URL 和 NEXT_PUBLIC_SUPABASE_ANON_KEY 替换为授权时生成的实际值；
方法三：直接双击 start.bat（Windows）或 start.sh（macOS/Linux），脚本会自动检测并安装缺失依赖。
浏览器访问 http://localhost:3000，测试注册、登录、表单提交与列表刷新是否全部实时生效。
