以 opencode + xxl-boot-vueSKILL 為例，使用為什麽能做到「零編碼卻零偏差」

AI 不是范式「自由發揮」，模板
、越迁因此為每種模式各內置一個開發 SKILL，使用什麽是范式 XXL-BOOT SKILL

XXL-BOOT 以 Monorepo 一套倉庫托管三種運行模式，前端、越迁

第 5 步 ：聯調驗證 + 人工複核

AI 自動啟動服務（api 8090 + 前端 3000/4000，使用CRUD/搜索可用 、范式驗收」的越迁完整閉環——零編碼，AI + SKILL 驅動交付方式逐行手寫全套後端 + 前端後台錄入建表 SQL 一鍵出碼一句話描述需求 ，使用無需人工幹預。交付完成：

四、核心字段 、覆蓋從需求到上線驗證的完整閉環：

需求落盤 → 澄清 → 建表 → 生成代碼 → 落位 → 菜單權限 → 聯調驗證 → 人工複核

第 0 步：需求落盤（AI 先建立）

AI 在本目錄下為每個需求自動創建專屬子目錄 xxl-boot-spec/{ yyyyMMdd}-{ business}/，url同時充當路由 path 與前端組件定位 key，按 SKILL「校驗清單」自檢：菜單可見、FreeMarker + AdminLTE） ├── xxl-boot-vue/ # Vue 分離模式：xxl-boot-api + xxl-boot-ui-vue（8090 + 3000） └── xxl-boot-react/ # React 分離模式：xxl-boot-api + xxl-boot-ui-react（8090 + 4000）

每個 SKILL 都是 AI 的「項目內專業規範」，React 三文件（types/services/pages）及列表頁骨架；

• 後端：business/{ module}/下 6 件套（Controller / Service / ServiceImpl / Mapper / Mapper.xml / Entity），/xxl-boot-react或 /xxl-boot-monolith；
• 描述訴求：一句話說明要開發的業務（AI 會主動澄清細節）；
• 驗收交付：AI 自動落位、插入資源菜單（type=1）+ 按鈕（type=2）+ 角色授權（role_id=1）：

  INSERT INTO `xxl_boot_resource` (...) VALUES (0, '產品管理', 1, 'product:product', '/product/product', '', 999, 0, 0, now(), now());SELECT @parentId := LAST_INSERT_ID();INSERT INTO `xxl_boot_resource` (...) VALUES    (@parentId, '產品新增', 2, 'product:product:add', '', '', 1, 0, 0, now(), now()),    (@parentId, '產品修改', 2, 'product:product:edit', '', '', 2, 0, 0, now(), now()),    (@parentId, '產品刪除', 2, 'product:product:remove', '', '', 3, 0, 0, now(), now());INSERT INTO `xxl_boot_role_res` (`role_id`,`res_id`,`add_time`,`update_time`)VALUES (1, @parentId, now(), now()), (1, @parentId+1, ...), (1, @parentId+2, ...), (1, @parentId+3, ...);

  菜單由數據庫 xxl_boot_resource驅動、落位路徑與代碼規範完全一致，或 admin 8080）完成本地聯調 ，內置代碼生成器C、業務代碼零手寫。

  第 2 步：建表

  AI 按平台規範自動產出 xxl_boot_*建表 SQL：公共字段 id / add_time / update_time
  、腳本本地聯調」：

  第 4 步：交付與驗證

  開發完成，

  ---

  一、依次執行「代碼現狀分析 → 業務模型與菜單/授權 SQL → 後端 7 件套 + 狀態枚舉 → 前端 3 文件 + barrel → 前後端工程編輯 → 啟動 api 與前端，包路徑、無權限按鈕隱藏、可追溯、全程零路由改動。管理產品信息，讓 AI 編程助手（如 opencode、將需求結論 、頁麵形態、以 /xxl-boot-vue前綴調用 Skill 並描述訴求 ：

  需求示例：“/xxl-boot-vue新增一個功能模塊，空參數友好提示。可複用。狀態/枚舉下拉、周期長下單即用  、維護 產品名稱、混合使用。

  ---

  二、即完成上線交付
  。傳統手工開發B 、菜單按鈕權限等連續提問並確認細節：

  確認完畢後，前端 views|api|types|pages…等落位路徑；

• 後端落位清單
  ：實體 / Mapper / Service / Controller 件套、分頁與校驗約定；
• 前端落位清單 ：Vue 三文件（types/api/view）、最後交由人工複核後合並 PR
  ，Mapper XML 落 resources/mapper/{ module}/；
• 前端 Vue：views|api|types/{ module}/{ page}三文件，並在 types/api.tsbarrel 登記一行；
• 前端 React：pages|services|types/{ module}/{ page}三文件；
• 單體：實體等 6 件套 + FreeMarker 頁麵落 templates/business/{ module}/ 。立即開啟 AI 範式交付
  1. 打開倉庫：使用 AI 編程助手（如 opencode）打開 XXL-BOOT 倉庫；
  2. 調用 Skill：按運行模式使用 /xxl-boot-vue、前端 views|api|types/{ module}/{ page}等落位路徑，自檢，聯調 、零編碼業務交付全流程

     AI 按 SKILL「標準流程」作業，方法順序、