集成MidScene的AI测试管理平台

空余时间用Claude code 手戳了一套AI测试管理平台，集成MidScene的测试能力，项目整体功能如下：

AI 用例生成

复制代码

需求分析（手动输入 / 上传文档 / 上传图片，AI 流式生成测试用例）
生成结果（查看 AI 生成的测试用例，按项目/版本筛选）
测试用例（用例列表、创建/编辑/删除、状态管理、导出 Excel）
评审列表（创建评审、关联用例、AI 自动评审、一键优化用例）
评审模板（自定义 checklist，供 AI 评审时使用）

AI 智能模式

复制代码

AI 智能测试（选择项目/版本/用例，自然语言驱动 Playwright 浏览器执行，实时日志）
执行记录（历史执行列表及结果查看）
项目管理
项目列表（创建/编辑/删除项目）
版本管理（按项目管理版本，测试用例关联版本）

数据工厂

复制代码

编码转换（Base64、URL、Unicode）
加密解密（MD5、SHA、AES）
时间工具（时间戳转换、日期计算）
JSON 工具（格式化、Diff 对比、JSONPath 查询）
二维码 / 条形码生成
YAML ↔ JSON 转换
Cron 表达式解析

配置中心

复制代码

AI 模型配置（配置生成/评审用的 LLM，支持 DeepSeek / Qwen / OpenAI 兼容接口）
Prompt 配置（自定义 AI 提示词模板，按角色区分）
生成配置（控制 AI 生成参数）
MidScene 配置（AI 智能测试使用的 AI 模型参数，存 localStorage）

基础功能

复制代码

用户登录 / 注册 / 登出（Supabase Auth）
个人中心（修改用户名、部门、职位）
AI 评测助手（对话式助手）

项目截图：

技术栈

复制代码

框架 & 语言
Next.js 16.1 --- App Router，Server Components + Client Components 混用
React 19 + TypeScript 5

数据库 & 认证
Supabase（自托管，supabase.opentrust.net）
PostgreSQL + RLS 行级安全
Supabase Auth（邮箱密码登录）
@supabase/ssr 处理服务端 cookie

UI
Tailwind CSS 4
shadcn/ui（基于 Radix UI 的组件库）
lucide-react 图标
sonner Toast 通知

AI 能力
通用 LLM：OpenAI 兼容接口（DeepSeek / Qwen / 任意兼容服务），SSE 流式输出
浏览器自动化：@midscene/web + Playwright（自然语言驱动 Web 测试）
Android 自动化：@midscene/android（ADB + MidScene 视觉驱动）

状态管理
Zustand 5（仅一个全局 store：用户信息）
其余全部用组件内 useState

工具库
xlsx --- Excel 导出
qrcode + bwip-js --- 二维码/条形码生成
js-yaml --- YAML 转换
jsonpath-plus --- JSONPath 查询
cron-parser --- Cron 表达式解析

测试
Vitest --- 单元测试（npm run test）