Claude Design 的優勢
相比 Claude Code，Design 版具有更佳的審美與排版基礎，內建「設計品味」能大幅減少生成錯誤與 Token 浪費。
這部在講什麼教學
介紹如何結合 Claude Design、Hicksfield 及 Scroll World 技術，在短時間內建立具備 3D 空拍穿梭效果的高級預訂網站，並透過自動化工具一鍵部署。
適合誰想提升接案單價、不懂技術但想製作 3D 網站的設計師。
你會學會學會 AI 生成 3D 穿梭動畫、掌握 Claude Design 高階工作流、實現 MCP 自動化部署。
最值得看10:15 展示如何呼叫 Scroll World 技能將靜態室內圖轉換為流暢動畫。
實作路線
照著做的重點意義優先，時間戳用來導航
提供參考圖的重要性
不要只用文字描述；從 Pinterest 或 Dribbble 截圖作為視覺參考，Claude 才能精確捕捉色彩、字體與風格。
Hicksfield MCP 自動化
透過連接 MCP，Claude 能直接在背景調度 Hicksfield 生成符合網頁內容的圖片與影片，無需手動切換工具。
Scroll World 實作 3D 動畫
利用 GitHub 開源 Repo 賦予 Claude 新技能，將多張室內照片「縫合」成如同空拍機穿梭房內的捲動特效。
Hostinger 一鍵部署
透過專屬 MCP 連接器，只需在對話框輸入指令，Claude 就會自動處理後端並將網站推送上線，無需技術背景。
讓下一支影片也替你省時間
把你常看的 YouTube 影片，也變成這樣的重點摘要
安裝摘要王後，打開任何 YouTube 影片就能一鍵整理重點，先看值得看的段落，不必再複製網址。
用摘要王先看重點，把時間留給想看的段落。免費註冊，我們會把 YouTube 電腦版安裝連結和教學寄到你的信箱。
免費註冊，再送 5 小時影片摘要額度・30 天有效
使用 Google 免費開始・每個新帳號限領一次
一個選填問題
剛才這份摘要有幫你節省時間嗎？
如果願意，點一下最接近你的感受就好。
謝謝，你的回答會幫我們把摘要做得更有用。
看完可以做什麼
到 Pinterest 找一個喜歡的網頁設計，試著用影片提供的 Prompt 資源，利用 Claude Design 復刻出第一個帶有 3D 動畫的 Landing Page。需要留意：由於 AI 缺乏真實房屋平面圖，3D 穿梭的動線是隨機合成的；建議先手動審核生成的室內圖片質量，再執行合成影片指令以確保連貫性。
生成於 2026-07-26
檢舉
觀眾怎麼看
整理 30 則有效留言信心 高觀眾對教學內容表示肯定，但普遍反映影片提供的資源連結失效，且對此類網站的實用性存疑。
多數觀眾認為影片教學結構清晰，成功激發了他們對製作 3D 互動網站的靈感與興趣。
多位觀眾回報影片中提供的工具連結無法運作、無法收到郵件或部署服務暫停，影響學習體驗。
觀眾詢問關於後端預訂功能如何串接、提示詞（Prompts）的使用方式，以及如何解決跨瀏覽器相容性問題。
部分觀眾認為過度依賴滾動動畫的設計在實際應用中體驗不佳，且難以維護與更新產品圖片。
有觀眾指出影片標題強調「一萬美元」價值有誇大嫌疑，認為這更像是一場推廣訂閱服務的廣告。
留言樣本多集中於連結失效與設計實用性討論，部分觀點可能受個人偏好影響。