怎麼把 IKEA 說明書變成 3D 動畫？用 Claude Code 一鍵產生互動組裝教學

這篇教你怎麼用 Claude Code 電腦版，只要貼上 IKEA 商品網址，就能自動把平面的組裝說明書，轉換成可以 360 度旋轉、帶有語音旁白的 3D 互動教學網頁，解決組裝看圖看不懂的困擾。

重點摘要

• 實測 Claude Code 生成的 3D 組裝邏輯與外觀最符合實品，優於 ChatGPT 與 Gemini。
• 只要在 IKEA 官網確認商品有提供「組裝說明與文件」，就能用網址讓 AI 抓取。
• 建議使用 Claude Code 電腦版，並將資料夾設為「本機」以利儲存網頁檔案。
• 提供單次使用的指令版，以及可重複使用的 Skill 版兩種執行方式。

影片章節

1. 00:00 🎬 前言：IKEA 說明書真的有看沒有懂
2. 00:42 🧩 本集重點：把說明書變成 3D 教學網頁
3. 01:17 🤔 為什麼用 Claude，不用 Gemini 或 ChatGPT？
4. 01:38 📄 第一步：先找到官方組裝說明書
5. 02:12 🔍 商品頁往下拉找「組裝說明與文件」
6. 02:38 ⚔️ 三個 AI 同一組指令實測開始
7. 02:45 🔵 Gemini Canvas 的結果
8. 03:13 ⚠️ 拆解圖跟 3D 樣式對不上
9. 03:32 🟢 ChatGPT 的結果
10. 04:05 ⚠️ 畫面對，但組裝邏輯跑掉了
11. 04:36 🟠 Claude 勝出
12. 04:40 📦 成品開箱：3D 組裝動畫有多細
13. 05:18 🔢 46 個步驟 · 右下角隨時對照原始說明書
14. 06:38 ✅ 組裝動畫跟實品幾乎一模一樣
15. 07:13 💻 實作：安裝 Claude Code 電腦版
16. 07:27 📁 資料夾選「本機」指定存檔位置
17. 07:39 🧰 兩種用法：指令版 ／ Skill 版
18. 08:20 🔗 把 IKEA 商品頁網址貼給他就好
19. 08:53 🎮 換個商品再試一次：遊戲控制器展示盒
20. 09:24 ⚠️ 裝成 Skill 要開新對話才會生效
21. 10:09 🏁 成果驗收
22. 10:29 📋 AI 讀不懂的步驟會自己列出來
23. 10:46 ▶️ 點「開始組裝」，有旁白一步步帶
24. 11:44 🔬 連簡單的安裝步驟都做得很細緻
25. 12:10 🎯 結語

為什麼選 Claude Code？實測 Gemini 與 ChatGPT 的差異

這篇要教大家怎麼把 IKEA 的平面說明書變成 3D 互動網頁，實測下來，Claude Code 是目前唯一能精準完成任務的 AI 工具。很多人會問，為什麼不用免費的 ChatGPT 或 Gemini 來做就好？我用同一組指令實測了三家 AI，結果差很多。

首先是 Gemini Canvas，它雖然能做出 3D 網頁，但拆解圖跟實際的 3D 樣式完全對不上，看起來有點怪。接著是 ChatGPT，整體的網頁介面跟我要的很像，但一進入組裝步驟，零件的相對位置跟組裝邏輯就跑掉了，變成無法參考的狀態。最後是 Claude Code，它不但把 HAUGA 邊櫃的說明書完整拆解成 46 個步驟，每個步驟的 3D 動畫跟實品幾乎一模一樣，還加上了旁白語音跟進度條，右下角也能隨時對照原始說明書，表現明顯好很多。

第一步：確認 IKEA 商品頁有提供組裝說明書

在讓 AI 幫你做 3D 網頁之前，要先確定這個 IKEA 商品在官網上有沒有電子的說明書，不用你自己去掃描紙本。

1. 打開 IKEA 台灣官網，搜尋並進入你要組裝的商品頁面。
2. 把網頁往下拉，找到「商品資訊」的區塊並點開。
3. 繼續往下拉，檢查有沒有「組裝說明與文件」這個選項。
4. 如果有，就代表網頁上找得到說明書，你只要把這個商品頁的網址複製下來備用就好。通常比較複雜的商品都會有。

第二步：用 Claude Code 產生 3D 組裝網頁（單次指令版）

我們強烈建議安裝 Claude Code 的「電腦版」來製作這個網頁，這樣存檔跟預覽會比較方便。

1. 打開 Claude 電腦版，從右邊切換到 Claude Code 介面。
2. 在下方的資料夾選項，選擇「本機」，然後指定一個你要用來存放這個 3D 網頁檔案的資料夾。
3. 打開我提供的「指令版」MD 檔案，把裡面的整段指令複製下來。
4. 貼到 Claude Code 的對話框裡，把指令最上面的 IKEA 商品頁網址，換成你剛剛複製的網址。
5. 送出指令，Claude 就會開始分析說明書並生成網頁，做完後檔案就會自動存在你指定的本機資料夾裡。打開網頁點擊「開始組裝」，就會有旁白一步步帶你做了。

進階用法：把指令存成 Skill，以後貼網址就自動跑

如果你很常買 IKEA 的東西，或者想要幫不同的商品做 3D 說明書，可以把這套流程存成 Claude 的 Skill（類似內建的自動化腳本），以後只要貼網址就好，不用每次都複製一大串指令。

1. 打開我提供的「Skill 版」檔案，把裡面的內容完整複製。
2. 貼給 Claude Code，並告訴它「請加入 Skill」。
3. 重點來了：裝好 Skill 之後，一定要「開新的對話」才會載入生效。如果你只想讓它在特定專案生效，就把它放進該專案的 skill 資料夾底下。
4. 在新對話中，什麼指令都不用打，直接把 IKEA 商品頁的網址貼給它。
5. 它就會自動觸發剛剛設定好的 Skill，開始分析網頁並製作 3D 教學。

實測結果與注意事項

我另外用了一個比較簡單的 YXSTABY 遊戲控制器展示盒來測試，成品一樣非常細緻，連搖桿托架怎麼勾住背板往下轉的動作都能完美呈現。不過在使用這套流程時，有幾點要注意。

首先，因為這個製作流程比較複雜，AI 會做得很精細，所以花費的時間會比較長，Token 的消耗量也相對較多，建議先試做一次看看成果，再決定要不要經常使用。其次，AI 畢竟不是萬能，遇到說明書裡非常細微的圖解（例如特定的小孔洞方向），它可能無法完全理解並畫出來。不過不用擔心，AI 如果遇到真的讀不懂的步驟，它會在對話框裡自己列出來回報給你，而整體來說，至少能精準呈現九成以上的組裝教學，對空間概念不好的人來說已經非常有幫助了。

本文整理自阿湯的 YouTube 影片〈IKEA 組裝說明書看不懂？用 Claude Code 變成 3D 互動組裝教學網頁〉，實際操作畫面請看影片；更多 AI 實用教學，歡迎訂閱 I'm 阿湯 YouTube 頻道。

常見問題