WebDeck – 利用人工智慧將PPT轉換為互動式HTML的轉換器

WebDeck 是一個創新的開源工具，旨在將傳統的 PowerPoint 簡報（.pptx）一鍵轉換為互動式網頁簡報。它的核心理念是，將 PPT 視為結構化的內容源，而非視覺格式，透過 AI 理解內容語義，然後使用最合適的網頁原生元件重新表達，從而保留 PPT 的確定性並解鎖 HTML 的互動性。

為什麼需要 WebDeck？PPT 自 1987 年誕生以來，其核心假設是線性翻頁的幻燈片，這在投影儀時代是合理的。然而在今天，觀眾使用手機、平板、PC 等多種裝置，需要響應式、互動性強的內容，而傳統的 PPT 檔案需要安裝軟體、移動端排版錯亂、分享需要傳送大型檔案、內容無法搜尋和引用。WebDeck 提供了一個過渡層：使用者只需上傳 PPT，AI 自動解析內容結構，生成可在瀏覽器中直接開啟和分享的網頁文件。

核心特性包括：智慧解析 PPTX 檔案，自動提取每一頁的結構化資訊；AI 驅動的內容重構，藉助 Anthropic Claude 的能力，將 PPT 內容重組為原生網頁元件，如 Hero 區域、Agenda 導航、卡片、時間線、對比元件、FAQ 手風琴、SVG 圖表等。支援兩種轉換模式：保守模式保留原始結構，增強模式讓 AI 自由重組內容。轉換後，使用者可使用功能完善的所見即所得編輯器調整內容、設計、媒體、動畫，並支援桌面、平板、手機三端預覽。

WebDeck 還提供了豐富的區塊型別，覆蓋幾乎所有演示場景，共有 12 種原生區塊，如 hero、agenda、slide、cards、image、gallery、chart、timeline、comparison、faq、quote、cta。全屏演示模式支援方向鍵翻頁、演講者備註和多種切換動畫。一鍵分享與匯出功能允許使用者釋出專屬連結（支援 Open Graph 後設資料）或匯出自包含的靜態 HTML 檔案，離線可讀。此外，介面支援中英文雙語切換，並且內建 MockAIProvider，即使沒有 API Key 也能離線完整體驗所有功能。

WebDeck 的設計哲學強調將 PPT 作為內容源，而非視覺格式。它採用雙 Provider 架構，優先使用 Anthropic Claude API，若不可用則自動回退到基於啟發式規則的離線 Mock 引擎，確保使用者永遠不會看到轉換失敗。主題系統透過 CSS 自定義屬性驅動，所見即所得。SVG 圖表渲染器零依賴第三方庫，顏色自動跟隨主題變化。

技術架構方面，WebDeck 基於 Next.js 14、React 18、TypeScript 和 Tailwind CSS，利用 JSZip 解壓 PPTX 檔案，使用 fast-xml-parser 提取 XML 內容。核心模組包括 PPTX 解析引擎、AI 引擎（Anthropic Claude + Mock）、Deck 引擎、匯出引擎、儲存層、編輯器和國際化模組。快速開始只需克隆倉庫、安裝依賴並啟動開發伺服器，還提供了生成演示資料的指令碼。

WebDeck 目前存在一些已知限制，如不提取 PPT 中的圖片、不保留 PPT 動畫和過渡、不支援 SmartArt，且 AI 結果需人工稽核。未來路線圖包括圖片提取與內聯、更多 AI Provider 支援、PPT 動畫到 CSS 動畫的對映、模板市場以及團隊協作功能。該專案採用 CC BY-NC-SA 4.0 協議，允許非商業使用和修改，但需署名並共享相同協議。