Dynamic PRD & Gantt Generator v9.7 by MasaTu2023.6 (Planned vs Actual Timeline & Comparison)

⚙️ Configurations & Planning (時程配置控制台)

💾 Changes autosave instantly

💡 Core Workflow / 基礎操作五步驟：

Set Boundaries： Modify Start Year/Week and Launch Year/Week. Sliders auto-trim to verify schedule limits.
Assign Owners： Input individual names in the left field, and mapping responsibilities in the right long field.
Track Sliders： Build out parallel timeline stages via ➕ Add or prune out paths via ❌ Delete, or insert tasks via 🔼 Above and 🔽 Below.
Browser Cache Storage： Every stroke saves dynamically in your local engine sandbox instantly.
Visual Assets Export： Convert the Gantt component directly into a high-res presentation PNG image at any moment (includes the "Today" line).

📝 Advanced Input Hacks / 左側長文字框書寫密技：

Markdown 格式與高亮 (Markdown Styles & Highlights)：
- 黃色高亮：使用語法 ==文字==（如 ==STR content and flow==）
- 粗體字：使用語法 **文字**（如 **STRXBBD_ASSY_T3R086**）
- 行內程式碼：使用語法 `文字`（如 `STRXBBD_ASSY_T3R086`）
強制換行 (Line Breaks)： 由於 Markdown 限制，在文字框內單純按 Enter 換行右側會連在一起。請在換行處直接輸入 <br>，或是在行尾打上兩個空白鍵再按 Enter。
插入超連結 (Hyperlinks)： 使用語法 [連結文字](網址)。例如：[Shelly Mail](mailto:shelly@xyz.com) 或 [PPAP Spec](https://url)。
插入專案圖片 (Images Asset)： 使用語法 ![圖片描述](網址或本機路徑)。若圖片與本網頁在同資料夾，可直接輸入檔名 ![Flow Chart](spec.png)。
🔄 跨電腦完美移轉互通法： 由於自動存檔鎖定在單一電腦中，若要換電腦工作，請在舊電腦右側點選 Source Code $\rightarrow$ 按 Copy。到新電腦打開本網頁後，將那段文字直接整串貼回左側 Section 2 (History) 或 Section 5 (Remarks) 中，預覽畫面即刻完美重現！

Product / Feature Name

Start Year

Start Week (1-52)

Launch Year

Launch Week (1-52)

Auto-set "Today" Line

📍 Custom Milestone Lines (里程碑虛線)

Historical Trajectory & Background Scope

Name / Owner

Explicit Core Responsibilities

Product Manager (PM)

Quality Manager (Quality)

Project Lead / Dev

Reliability Quality Engineer

Test Engineer

Product Engineer

Support Needed

Additional Information / Hardware Constraints / Vendor Staging Instructions

Framework Boundary: W3 - W35

Status: Checking Schedule...