# 影片筆記:Claude Design 2.0 全面评测:四步告别 PowerPoint,AI 自动生成动画+接入实时数据刷新 ## 一句話總結 影片講者 Jay 演示了如何利用 Anthropic 推出的 **Claude Design**(影片口語有時稱 Claw/Cloud Design)進行簡報製作,透過四個層級(基礎生成、技能原則、視覺增強、數據自動化)逐步取代傳統 PowerPoint,實現從提示詞生成、設計系統整合、動畫嵌入到定期自動刷新數據的全自動化流程。 ## 核心重點 * **Claude Design 定位**:被宣稱為具備取代 PowerPoint 能力的 AI 簡報工具,支援網頁版 (`claude.ai/design`) 與桌面版快捷鍵。 * **四層級製作流程**: 1. **基礎生成**:透過提示詞與設計系統(Design System)生成簡報。 2. **原則應用**:上傳「技能檔案」(Skill File,如金字塔原理)指導 AI 優化簡報結構。 3. **視覺增強**:利用 MCP 連接器(如 Higgs Field)生成特定風格(如吉卜力風格)的影片資產並嵌入簡報。 4. **數據自動化**:結合 **Claude Code** 設定常規任務,定期從 Google Drive 或 SharePoint 抓取數據自動刷新簡報。 * **編輯與動畫優勢**: * 內建動畫功能基於 HTML/CSS,支援批量調整(Tweaks 面板)。 * 支援演講者視圖(Speaker View)與全螢幕演示。 * 支援匯出為 PowerPoint 格式(需注意自訂字體相容性)。 * **數據連接能力**:支援連接 Google Drive 與 Microsoft 365 Connector(SharePoint, OneDrive, Outlook, Teams),實現真實數據驅動簡報。 ## 詳細大綱 ### 1. 背景與講者介紹 * **講者**:Jay,擁有超過十年品牌工作經驗,數據科學碩士背景,經營 AI 業務及社群(RoboNuggets)。 * **痛點**:傳統 PowerPoint 製作耗時且需設計技能;高品質簡報能促成高額交易。 * **解決方案**:Claude Design 的最新升級實現自動化高品質簡報。 ### 2. 第一層級:基礎簡報生成 * **入口**: * 網頁版:`claude.ai/design` * 桌面版:僅為開啟新分頁的快捷鍵,非真正整合。 * **操作步驟**: 1. 點擊「Slides Preset」。 2. 輸入提示詞(例如:為 Rubrik 製作 5 頁簡報)。 3. 提供上下文:連結網站、上傳檔案或在提示詞中提供資訊。 4. 啟用「設計系統」(Design System)以統一視覺風格。 * **設計系統準備**: * 若無品牌設計系統,可參考講者提供的免費 PDF 指南(含 20+ 範本,如 Figma、Uber、TransferWise 風格)。 * 透過回答系統問題確保輸出符合預期。 ### 3. 第二層級:應用簡報原則與技能(Skills) * **目標**:讓 AI 理解優秀簡報的設計原則。 * **實踐方法**: * 將簡報原則(如麥肯錫金字塔原理、標題撰寫技巧)整理為「技能檔案」(Skill File)。 * 由於目前 Claude Design 無法像 Code 那樣新增自訂技能,需將技能檔案作為附件上傳至聊天視窗。 * 指示 AI 使用該技能檔案來優化簡報。 * **結果**:簡報包含動畫效果,提升吸引力。 ### 4. 第三層級:編輯、反饋與 Tweaks 面板 * **內建編輯功能**: * 可直接修改文字(粗體、斜體、下劃線)。 * 支援標記評論(Markup Comments),AI 會根據評論進行修改。 * **Tweaks 面板功能**: * 透過提示詞要求 AI 增加「Tweaks 面板」。 * AI 會自我生成提示詞,為簡報加入可調控的 UI 元素(如顏色滑桿、動畫風格選擇)。 * **應用場景**:批量調整多頁簡報的顏色、字體大小、文案長短(Verbose/Minimal),無需逐頁修改。 * **動畫技術**:底層使用 HTML 和 CSS 創建動畫,這是 PowerPoint 難以實現的。 ### 5. 匯出與演示 * **演示模式**: * 內建「Present」功能,支援全螢幕。 * 新增「Speaker View」(演講者視圖),類似 PowerPoint 的備註功能,適合 Zoom 或 Google Meet 演示。 * **匯出 PowerPoint**: * 內建匯出按鈕。 * **注意事項**:若使用自訂字體,需先將其變更為可編輯字體,否則匯出後可能顯示異常。 ### 6. 第四層級:資料連結與自動化更新 * **場景**:向客戶展示結果或說服投資者時,需呈現真實數據。 * **操作步驟(資料連接)**: 1. 在 Claude Design 中發送包含 Google Drive 試算表連結的提示。 2. 預設情況下直接發送 URL 無效,需先進行連接設定。 3. 進入個人資料頁面 (Profile) -> 點擊 **Connectors** (連接器)。 4. 查看已設定的 Claude.ai 連接器或 MCP 伺服器。 5. 若已在 Claude 中設定,Claude Design 帳戶會自動同步這些連接。 6. 點擊 **Manage** 可進入 Claude.ai 介面手動新增連接器。 * **支援的連接器類型**: * **Google Drive**:透過單一登入 (Single Sign-On) 頁面連接。 * **Microsoft 365 Connector**:適用於企業環境,可連接 SharePoint、OneDrive、Outlook 及 Teams。 * **視覺化增強(Level 3 細節)**: * **生成資產**:提示要求生成特定風格(如 Studio Ghibli 風格)的動畫,比例設為 9:16。 * **技術規格**:使用 **Cling 3.0** 透過 **Higgs field** 生成。 * **連接外部工具 (MCP)**: * 進入 **MCP Connectors**。 * 由於 Higgs Field 非 Anthropic Marketplace 預設連接器,需作為 **Custom Connector** (自訂連接器) 新增。 * 輸入名稱 (如 Higgs Field) 及 MCP Server URL。 * 註:目前發現 File AI 及 KIAI 的 MCP 在 Claude Desktop App 中運作效果不佳,故選擇使用 Higgs Field。 * **生成簡報**: * 複製 Claude Design 的 URL (`claude.ai/design`)。 * 在新工作階段中,提供影片資產的 URL。 * 提示要求:從指定連結獲取影片,並為「發布影片 (launch video)」製作簡報。 * 佈局要求:影片置於右側,簡報頁面作為標題。 * **呈現**:以全螢幕模式播放,提升動態效果。 * **數據自動化刷新(Level 4 細節)**: * **目標**:實現簡報數據的定期自動更新(如每週或每日)。 * **操作步驟**: 1. 在 Claude Design 中點擊 **Share** -> **Send to Claude Code**。 2. 複製提示內容或下載 ZIP 檔案,傳送至 Claude Code。 3. 提供簡短說明:設定常規任務以每週刷新資訊。 4. 整合提示: * 包含 Claude Design 生成的原始提示。 * 新增程式碼片段說明:此為 Google Analytics 報告簡報包,需每週生成。 5. 指示 Claude Code 設定常規任務,每週從 Google Drive 資料夾抓取資訊。 6. **其他數據源**:若非 Google Drive,只需為該數據源設定連接器至 Claude Code 即可。 7. **結果確認**:在 Claude Desktop App 中可查看已排程的常規任務,簡報包將根據連結的數據源自動刷新資訊。 ## 工具 / 模型 / 名詞整理 * **Claude Design / Claw Design / Cloud Design**:影片主要介紹的 AI 簡報生成工具(講者口語有時稱 Claw 或 Cloud,文字稿顯示 Claude Design)。 * **Anthropic**:開發 Claude 的 AI 公司(逐字稿中偶有拼寫為 Antropic 或 Anthropix)。 * **PowerPoint**:傳統簡報軟體,作為對比對象。 * **Claude.ai / claude.ai/design**:Claude Design 的網頁入口網址。 * **Claude Desktop App**:Claude 的桌面應用程式。 * **Claude Code**:用於處理程式碼與自動化任務的工具(逐字稿中偶有拼寫為 Cloud Code)。 * **Rubrik**:影片演示中提到的公司/產品名稱。 * **Figma**:設計工具,其風格被引用為設計系統範本。 * **Uber**:公司名稱,其風格被引用為設計系統範本。 * **TransferWise**:公司名稱(現多稱 Wise),其風格被引用為設計系統範本。 * **McKinsey**:顧問公司,其「金字塔原理」(Pyramid Principle)被引用為簡報原則。 * **Zoom / Google Meets**:視訊會議軟體。 * **Robo Design System**:講者提到的自訂設計系統名稱。 * **RoboNuggets**:講者經營的 AI 社群名稱。 * **Cloud Living Masterclass**:社群內的課程名稱。 * **Agents as a Service**:社群內的課程名稱。 * **Google Drive**:雲端儲存服務,用於連接數據。 * **Microsoft 365 Connector**:企業級連接器,支援 SharePoint, OneDrive, Outlook, Teams。 * **Studio Ghibli**:吉卜力工作室,作為影片資產生成的風格參考。 * **Cling 3.0**:用於生成影片資產的模型或技術(疑點)。 * **Higgs Field / Higgs field**:外部工具,透過 MCP 連接器整合,用於生成影片資產。 * **MCP (Model Context Protocol)**:模型上下文協議,用於連接外部工具。 * **Anthropic Marketplace**:Anthropic 的市場平台(逐字稿中偶有拼寫為 Anthropix marketplace)。 * **KIAI**:提及的 MCP 工具之一。 * **File AI**:提及的 MCP 工具之一。 * **Google Analytics (GA4)**:數據分析工具,用於自動化刷新簡報數據。 ## 操作流程整理 ### 流程一:基礎簡報生成與設計系統應用 1. 進入 `claude.ai/design` 或透過桌面版快捷鍵開啟。 2. 點擊「Slides Preset」。 3. 輸入提示詞(例如指定頁數與主題)。 4. 提供上下文(連結網站、上傳檔案或文字資訊)。 5. 啟用「設計系統」(Design System)。 * 若無品牌系統,參考講者提供的 PDF 指南(含 Figma, Uber, TransferWise 等範本)。 * 回答系統問題以統一視覺風格。 ### 流程二:應用簡報原則(技能檔案) 1. 將簡報原則(如金字塔原理)整理為「技能檔案」(Skill File)。 2. 在聊天視窗中上傳技能檔案作為附件。 3. 指示 AI 使用該技能檔案來優化簡報內容與結構。 ### 流程三:編輯與 Tweaks 面板應用 1. 直接在 Claude Design 中修改文字格式(粗體、斜體等)。 2. 使用標記評論(Markup Comments)指示 AI 修改。 3. 透過提示詞要求 AI 生成「Tweaks 面板」。 4. 利用面板批量調整顏色、字體大小、文案長短與動畫風格。 ### 流程四:連接數據與視覺增強 1. **連接數據**: * 進入 Profile -> Connectors。 * 設定 Google Drive 或 Microsoft 365 Connector(SharePoint, OneDrive 等)。 * 在提示詞中提供數據連結。 2. **視覺增強(Level 3)**: * 進入 MCP Connectors。 * 新增自訂連接器(Custom Connector),輸入 Higgs Field 的名稱與 MCP Server URL。 * 在提示詞中要求生成特定風格(如 Studio Ghibli)的影片資產(比例 9:16,使用 Cling 3.0)。 * 在 Claude Design 中提供影片資產 URL,指示 AI 將影片嵌入簡報(如置於右側)。 * 以全螢幕模式播放。 ### 流程五:數據自動化刷新(Level 4) 1. 在 Claude Design 中點擊 **Share** -> **Send to Claude Code**。 2. 複製提示內容或下載 ZIP 檔案。 3. 將內容傳送至 Claude Code。 4. 在 Claude Code 中指示設定常規任務(如每週刷新)。 * 整合原始提示與程式碼片段說明(如 Google Analytics 報告)。 * 指定數據源(如 Google Drive 資料夾)。 5. 在 Claude Desktop App 中查看已排程的常規任務,確認簡報包會自動刷新。 ### 流程六:匯出與演示 1. 使用內建「Present」功能進行全螢幕演示。 2. 開啟「Speaker View」(演講者視圖)以查看備註,適合視訊會議。 3. 點擊匯出按鈕匯出為 PowerPoint 格式。 * **注意**:若使用自訂字體,需先變更為可編輯字體,否則匯出後可能顯示異常。 ## 值得注意的限制或風險 * **字體相容性**:匯出為 PowerPoint 時,若使用自訂字體,需先將其變更為可編輯字體,否則匯出後可能顯示異常。 * **技能新增限制**:目前 Claude Design 無法像 Code 那樣直接新增自訂技能,需透過上傳技能檔案作為附件的方式間接實現。 * **桌面版整合度**:桌面版僅是開啟新分頁的快捷鍵,並非真正整合的應用程式。 * **MCP 連接器相容性**:目前發現 File AI 及 KIAI 的 MCP 在 Claude Desktop App 中運作效果不佳,講者選擇使用 Higgs Field 作為替代。 * **數據連接設定**:預設情況下直接發送 URL 無效,需先在 Profile 中設定連接器(Connectors)才能讀取 Google Drive 或 Microsoft 365 數據。 ## 逐字稿辨識疑點 * **Claw Design / Cloud Design vs. Claude Design**: * 逐字稿開頭講者口語說「Claw Design」,隨後文字稿及網址均顯示為「Claude Design」或「Claude.ai」。 * 文中多次出現「Cloud Design」(例如:「Cloud Design actually asks you...」),這可能是聽寫錯誤或口誤,因為 Anthropic 的產品線為 Claude。 * **標註**:疑點,實際產品名稱應為 **Claude Design**,但講者口語或聽寫可能誤為 Claw/Cloud。 * **Robo Design System**: * 講者提到「robo design system」,這可能是指講者社群(RoboNuggets)內部的自訂系統名稱,或是聽寫錯誤。 * **標註**:需查證,若為講者自創術語則保留;若為聽寫錯誤,可能意指「Robo」為社群品牌前綴。 * **Claude Code vs. Cloud Code**: * 講者提到「as we are used to with Cloud Code」,但 Anthropic 的產品為 **Claude Code**。 * **標註**:疑點,應為聽寫錯誤,實際指 **Claude Code**。 * **Antropic / Anthropix**: * 逐字稿中多次拼寫為「Antropic」或「Anthropix marketplace」。 * **標註**:錯字,正確公司名為 **Anthropic**。 * **Cling 3.0**: * 逐字稿中提及「use Cling 3.0 via Higgs field」,此名稱在常見 AI 模型中較不常見,需查證是否為特定模型名稱或口誤。 * **標註**:疑點,保留原樣。 * **Higgs field / Higgs Field**: * 逐字稿中交替使用「Higgs field」與「Higgs Field」,且提及作為 MCP 連接器使用,需確認其正確產品名稱。 * **標註**:疑點,保留原樣。 * **KIAI / File AI**: * 逐字稿中提及「KIAI as well as File AI」,需查證此為特定 AI 工具或模型的名稱。 * **標註**:疑點,保留原樣。 * **TransferWise**: * 公司