wbs-tool

目標

將專案根目錄的 index.html 內容分析並整理至本 README，包含：標題、描述、主要內容節點、使用的外部資源（CSS / JS / images）、執行說明、作者與授權資訊。

處理步驟（我會執行）

1. 解析 index.html：擷取 <title>、meta 描述、主要 headings (h1/h2)、段落文字、表單或互動元件描述、引入的資源清單（CSS/JS/圖片）。
2. 把重要文字內容與說明轉為 README 的章節（專案摘要、使用說明、資源、範例）。
3. 列出需要注意或待完成的項目（TODO）。
4. 若有需要，建議把靜態資源（images、scripts）放入專門資料夾並在 README 說明相對路徑。

我需要您提供（二選一）

• 直接貼上 /index.html 的完整內容到對話中；或
• 允許我讀取該檔案（如果環境支援），或提供檔案路徑與存取方式。

預期要產生的 README 結構（範例）

• 專案名稱與簡短描述
• 快速開始（如何在本機執行）
• index.html 摘要（Title、Description、主要 sections）
• 引用資源（列出 CSS / JS / images）
• TODO / 注意事項
• 授權與作者

範例格式（收到 index.html 後我會依此填入實際內容）

專案摘要

...（填入 index.html 的 title 與主要描述）...

快速開始

1. 需求：node / python / 直接開啟瀏覽器（依 index.html 內容）
2. 執行：
   • 若純靜態：在專案目錄開啟 index.html 即可
   • 若需要伺服器：範例命令（如 python -m http.server 8000）

index.html 摘要

• Title: ...
• Meta Description: ...
• 主要標題/段落：
  • h1: ...
  • h2: ...
  • 重要段落：...

引用資源

• css:
  • /path/to/style.css
• js:
  • /path/to/app.js
• images:
  • /path/to/logo.png

TODO / 注意事項

• 若有外部資源需離線備份
• 權限或授權資訊

---

請將 /index.html 的內容貼上，或允許我讀取該檔案，我會在收到後把實際擷取內容完整填回 README.md。