Claude Design 下載的 HTML 轉成 WordPress 佈景主題：html2wp App 教學
在 html2wp App 中，你可以把 Claude Design 做的設計轉換為 WordPress，不需要終端機。匯出的方式，是從 Claude Design 下載 HTML 格式的設計。然後把它新增到 App 中，選擇 Flash 或 Full，最後下載一個和你的設計一樣的 WordPress 佈景主題。
Claude Design 下載的設計轉 WordPress：需要準備什麼
- 搭載 Apple 晶片的 Mac（M1 或更新），macOS 12 或更高版本。
- 一個 ChatGPT 帳號。轉換由你自己訂閱中的 AI 完成，所以你不用向我們購買額度。
- 從 Claude Design 下載的設計：儲存為 HTML 檔案。如果有多個頁面，把每個頁面分別儲存為單獨的檔案。
Claude 產生的 HTML 是通往佈景主題最短的路線，因為 App 不需要先建置它，也不需要先在瀏覽器中開啟。免費版可以轉換 3 個網站，每個最多 5 個頁面。做客戶專案需要在價格頁面購買 Pro 授權。
安裝、環境和登入
下載 Mac 版 App，把它移到「應用程式」資料夾。在 Settings（設定）中點選 Prepare environment（準備環境），App 會下載 Docker 和轉換環境。然後用 Connect with ChatGPT 登入。App 版 Lovable 指南用截圖詳細介紹了這些步驟，Claude 的步驟完全相同。
把 Claude Design 下載的檔案匯入 App
匯出時，在 Claude Design 下載 artifact，存成 .html 檔案。新增一個資料夾，把檔案以 index.html 的名稱儲存進去。如果設計連結了不在檔案內部的圖片，把它們放進同一個資料夾，放在程式碼所期望的位置。其他頁面，例如「關於」或「聯絡」，以 about.html 和 contact.html 的名稱放在旁邊。App 會根據檔名判斷哪個頁面是什麼。
在 App 中點選 New project（新增專案，⌘N），輸出保留 HTML WordPress theme，然後選擇 Choose a folder。如果你已經把資料夾壓縮成 ZIP，就改用 Import a ZIP。
WordPress 佈景主題：Flash 還是 Full
Flash 是預設選項：每個步驟執行一次，大約需要半小時。Full 執行所有檢查並嘗試修復錯誤，所以大約需要一小時。單頁設計通常耗時較短，但檢查仍會完整執行。
轉換期間，Overview（概覽）分頁會顯示 App 正在做什麼。要暫停，點選 Stop conversion，之後用 Continue 繼續。
在 App 中檢查設計
Compare（比對）分頁會在桌面和手機寬度下，把原版和 WordPress 版本並排顯示。請檢視每個頁面，因為自動檢查能發現大部分差異，但不是全部。如果哪裡不一致，就寫在聊天裡。修改會在預覽中完成，然後用 Make release 打包新版本的佈景主題。
Claude Design 下載的設計轉好後：匯出佈景主題
在 Exports（匯出）分頁中，在 WordPress theme 旁點選 Save，儲存 ZIP。在 WordPress 中，透過「外觀 → 佈景主題 → 安裝佈景主題 → 上傳佈景主題」上傳。佈景主題是獨立的：頁面、表單、選單和 SEO 無需外掛即可執行。
Visual Edit 編輯器能讓你的客戶點選即編輯。如果你在終端機裡工作，Claude Code 和 Codex 外掛指南介紹了同樣的轉換。