# 📘 Product Requirement Document (PRD) ## 1. 概述與願景 **產品名稱**:TimeLine Designer **願景**:提供使用者以最直覺的方式輸入關鍵事件,並自動生成高品質時間軸。 ### 1.1 目標 - **零程式門檻**:使用者能以 GUI 操作完成輸入與生成。 - **高解析輸出**:PNG、SVG、PDF 支援高 DPI。 - **快速渲染**:100 筆事件 < 2 秒。 - **跨平台支援**:Windows/macOS。 ### 1.2 產品價值主張 | 面向 | 說明 | |------|------| | 使用體驗 | 拖曳、縮放、即時預覽、主題切換。 | | 視覺品質 | React + Tailwind 現代化設計。 | | 可擴充性 | 模組化結構,可加入 AI 摘要。 | --- ## 2. 使用案例 | 編號 | 行為 | 系統反應 | |------|------|-----------| | UC01 | 輸入關鍵事件 | 即時生成時間軸 | | UC02 | 匯入 CSV | 自動解析排序並渲染 | | UC03 | 切換主題 | UI 即時更新 | | UC04 | 匯出 PDF | 輸出高解析結果 | --- ## 3. 範圍 **In Scope**:事件輸入、渲染、互動、匯出、主題與模板。 **Out of Scope**:多人協作、雲端儲存。 --- ## 4. 目標指標 (KPI) | 指標 | 目標 | 驗收 | |------|------|------| | 新手上手時間 | <5 分鐘 | 教學引導完整 | | 渲染性能 | 100 筆 <2 秒 | 通過效能測試 | | 輸出品質 | 300 DPI | PDF/SVG 通過印刷驗證 |