# 任务计划（Roadmap）

本项目分为五个阶段，当前仅完成文档交付，等待指令后再实施。

## 阶段 0：文档
- 产出：`./trae/design.md`、`./trae/prd.md`、`./trae/tasks/*`
- 状态：已完成

## 阶段 1：项目脚手架
- 使用 Vite + React + TypeScript 初始化项目
- 集成 TailwindCSS 与 shadcn/ui 组件库
- 基础目录搭建：`src/components`、`src/utils/codecs`

## 阶段 2：判定模块（utils/codecs）
- 封装 WebCodecs 判定逻辑：`detectAll`、`checkAVC`、`checkHEVC`
- 设计类型与返回结构，记录判定详情（环境、检查、错误、时间戳）

## 阶段 3：UI 页面实现
- 单页 App：渲染判定结果卡片、操作按钮、详情折叠
- 统一状态色与文案，提供复制详情能力（可选）

## 阶段 4：验证与交付
- 基本跨浏览器验证（Chrome/Edge/Safari/Firefox）
- 打包与静态部署（如 `dist/`）

---

## 环境准备
- Node.js >= 18
- 包管理器：npm 或 pnpm
- 浏览器：最新版 Chrome/Edge/Safari/Firefox

## 执行顺序与里程碑
1. 初始化项目与 UI 库（Task01）
2. 封装判定模块（Task02）
3. 实现单页 UI（后续 Task）
4. 验证与交付（后续 Task）