打造 WordPress 開發組合技

在 AI 開發工具百花齊放的時代，如何將不同工具組合成一套高效的 WordPress 開發工作流？這篇文章分享我們從實戰中歸納出的方法論。

重新梳理開發流程

回想一個典型的 WordPress 開發流程：從了解客戶需求開始，整理主要項目，定義使用者故事與驗收標準，再拆解成開發清單。如果是全新外掛，還需要初始化環境配置——建立資料夾結構、定義常數、設定 Composer 自動載入、配置測試與靜態檢查工具等。

接著從後端底層邏輯開始：設計資料欄位、建立 Custom Post Type 或自訂資料表、撰寫資料操作類別（CRUD）。完成資料層後，開發設定頁面，可能是全域設定（存放在 wp_options）或多筆資料的個別設定。然後設計業務邏輯——前端 AJAX 互動、外部 API 串接、表單提交處理。最後整合前後端並進行測試。

模組化 AI 工具

梳理完流程後，就能針對每個工作項目設計對應的 AI 工具。以 Claude Code 為例，它提供了多種工具層級：

• Skill：封裝知識，只在需要時觸發
• Command：封裝提示詞，透過一個指令執行
• Rule：每次 AI 回答必須遵循的規範
• Agent：獨立的上下文環境，用於不同類型任務

關鍵在於深度整合——透過 Command 作為使用者呼叫 AI 的入口，執行 Command 會先呼叫 Agent，Agent 再取得相關 Skill，讓 AI 精準知道要做哪些事。

從資料結構開始的開發原則

我們在實務上採取的核心原則是「先設計資料結構」。先在 ChatGPT 或 Gemini 討論功能所需流程，從流程中拆解所需欄位，確認後依序實作：

1. 確認是否需要建立或修改資料表，設計資料庫版本升級策略
2. 建立「單一職責」的資料表 CRUD 類別
3. 建立 API 或 Ajax 專用類別，強制使用上一步的 CRUD 類別
4. 實際執行驗證資料操作正確性

每一步都是先規劃、確認、再實作。這樣的流程確保 AI 產出的程式碼不會偏離 WordPress 的開發規範，也讓後續的維護與擴充更加容易。

工具選擇策略

小工具用 Cursor 或 Antigravity 進行直覺式開發；產品或客戶專案則採用 PhpStorm 搭配 Claude Code，前者提供完整的開發環境支援（程式碼自動修正、重構、WordPress Hook 跳轉），後者提供強大的 AI 開發能力。透過這樣的組合技，我們在品質與效率之間找到了最佳平衡。