MiniMax Agent可零代码生成带用户管理、权限控制、数据表格和CRUD功能的后台管理系统；需登录https://agent.minimax.io/，新建对话后粘贴含“Supabase”和“React Router v6”的精准提示词，确认执行计划，下载Markdown项目文件，按步骤初始化、复制代码、安装依赖并运行，即可在http://localhost:5173访问可真实读写数据库的完整应用。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜
用MiniMax Agent生成带用户管理、权限控制、数据表格和增删改查功能的后台管理页面，不需要写一行代码，也不用搭环境，直接输入需求就能拿到可运行的完整项目。
登录MiniMax Agent平台并创建新任务
打开浏览器，访问 https://agent.minimax.io/，确保已登录账号——未注册需先用手机号完成实名认证，否则无法调用Supabase数据库能力。
进入页面后，点击右上角「+ New Chat」新建对话窗口，不要在历史会话里追加指令，旧上下文可能干扰Agent对「后台管理」这类结构化系统的理解。
这一步操作起来很简单，直接把文件拖进去就行。
输入精准提示词，触发全栈生成流程
在输入框中粘贴以下提示词（建议逐字复制，标点与换行不可省略）：
「开发一个后台管理系统，包含：管理员登录页（邮箱+密码）、用户列表页（带搜索、分页、状态筛选）、新增用户弹窗（姓名、邮箱、角色下拉框）、编辑用户行内操作、删除确认弹窗。所有接口对接Supabase，使用React + TypeScript，前端路由用React Router v6，UI用Mantine Design组件库。生成完整可运行项目代码，打包成单个Markdown文件交付。」
【必须包含“Supabase”和“React Router v6”】 缺少这两个关键词，Agent会默认用Mock数据模拟，生成的页面无法真实读写数据库，后续部署时将无法登录或保存数据。
回车提交后，Agent会先进入「High-level Plan」阶段，自动拆解为：需求分析→技术选型→数据库Schema设计→前后端模块划分→测试用例生成。它会暂停并询问你「是否按此方案执行？」——此时务必点「确认」，跳过会导致生成中断且不重试。
获取并运行生成的项目代码
等待3～5分钟，Agent会在聊天窗口中返回一个名为「backend-admin-project.md」的Markdown文件，里面是全部源码，含src/、supabase/、package.json等完整目录结构。
点击右上角「下载」按钮，保存该文件到本地；用VS Code打开，安装插件「Markdown Preview Enhanced」，右键预览即可看到渲染后的代码树。
第一步：在终端中执行 mkdir admin-ui && cd admin-ui 创建空项目目录；
第二步：运行 npx degit https://github.com/minimax/blank-react-ts#main . 拉取基础模板；
第三步：将Markdown中「src/」、「supabase/」、「public/」三段代码块分别复制进对应文件夹，覆盖原内容；
第四步：执行 npm install && npm run dev 启动开发服务器。
浏览器访问 http://localhost:5173，页面自动加载登录表单——此时输入任意邮箱密码都能通过Supabase模拟认证，进入用户列表页，所有CRUD操作实时同步至云端数据库。
