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 協議，允許非商業使用和修改，但需署名並共享相同協議。