基于Vibe Coding的OJ平台三目录基于Vibe Coding的OJ平台三一、阶段五1.1.ui-ux-pro-max-skil1.2.登录注册页面开发1.3.题目列表页面开发1.4.题目详情页面开发1.5.管理后台页面开发1.6.提交历史页面开发1.7.落地页面开发二、阶段六2.1.playwright2.2.生成Web自动化测试文档2.3.实现数据库重置工具2.4.在Windows上clone仓库三、文档编写3.1.项目介绍文档和部署文档3.2.项目描述文档一、阶段五1.1.ui-ux-pro-max-skilUI用户界面界面好不好看UX用户体验界面好不好用sudo npm install -g uipro-cli // 下载安装器 cd /path/to/your/project // 进入到项目目录下 uipro init --ai opencode // 安装skill更新.gitignore1.2.登录注册页面开发1.3.题目列表页面开发1.4.题目详情页面开发1.5.管理后台页面开发1.6.提交历史页面开发1.7.落地页面开发二、阶段六2.1.playwrightWeb自动化测试将前后端放在一起测试整体的功能MCPModel Context Protocol给LLM安装“手”的协议playwright-mcpclinet端发送请求server端对浏览器操作CLICommand Line Interface命令行界面推荐playwright-cli实现了一个命令行程序在Windows搭建playwright-cli前需要在Windows上安装opencode安装Node.js安装opencodenpm install -g opencode/cli安装playwright.clinpm install -g playwright/clilatest验证playwright环境playwright-cli open sogou.com --headed有头模式浏览器运行窗口也显示出来无头模式浏览器运行但会不显示窗口安装playwright-skillplaywright-cli install --skills agents全局安装在用户目录下安装局部安装在当前项目目录下安装2.2.生成Web自动化测试文档2.3.实现数据库重置工具每一次进行自动化测试之前都需要把数据库进行重置删除不必要的数据构建好测试过程依赖的数据让AI生成程序实现高风险2.4.在Windows上clone仓库Web自动化在Windows上执行测试文档在Linux上需要将文档放到Windows上通过opencode执行重置数据库在Windows端进行接口自动化测试、opencode无法测试调整在测试一个样例后让AI再更新一个Web自动化测试文档记录之前的操作步骤为了后续更加高效完成自动化测试三、文档编写3.1.项目介绍文档和部署文档3.2.项目描述文档