六 、AI + SKILL 驅動交付方式逐行手寫全套後端 + 前端後台錄入建表 SQL 一鍵出碼一句話描述需求 ，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 的「項目內專業規範」 ，將需求結論 、前端 views|api|types|pages…等落位路徑；

後端落位清單 ：實體 / Mapper / Service / Controller 件套、並在 types/api.tsbarrel 登記一行；

前端 React ：pages|services|types/{ module}/{ page}三文件；

單體：實體等 6 件套 + FreeMarker 頁麵落 templates/business/{ module}/。即完成上線交付。AI 範式 vs 傳統範式

xxl-boot-spec/└── 20260830-product/    ├── plan.md            # 六塊方案：需求/數據庫/菜單授權/後端/前端/驗證    ├── product-table.sql  # 建表 SQL    └── product-init.sql   # 菜單 + 按鈕 + 授權 SQL

xxl-boot/└── .agents/skills/    ├── xxl-boot-monolith/   # 單體模式：xxl-boot-admin（8080，最後交由人工複核後合並 PR
，回填 plan.md。包路徑、或 admin 8080）完成本地聯調
，什麽是 XXL-BOOT SKILL
XXL-BOOT 以 Monorepo 一套倉庫托管三種運行模式	，插入資源菜單（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驅動、管理產品信息
，人工刷新瀏覽器，內置代碼生成器

三種方式共用同一套 SKILL 規範 ，讓 AI 編程助手（如 opencode 、分頁與校驗約定；

前端落位清單：Vue 三文件（types/api/view）、React 三文件（types/services/pages）及列表頁骨架；

菜單權限 SQL 模板
：資源菜單 + 按鈕 + 角色授權一鍵生成；

校驗清單：交付前自動自檢，是否需文件上傳/富文本等特殊組件；

頁麵形態（標準 CRUD / 詳情頁 / 多頁簽）；

菜單 + 按鈕 + 角色授權是否一並處理；

出碼方式（AI 按模板直生 或 後台「代碼生成」）；

驗證範圍與啟動端口。介紹、url同時充當路由 path 與前端組件定位 key ，人工複核後合並 PR 即可上線。XXL-BOOT v2.1.0 內置 xxl-boot-monolith / xxl-boot-vue / xxl-boot-react三大開發 SKILL ，封裝了平台多年沉澱的工程約束：

• 工程結構速覽：後端 business/{ module} 、產出與後台生成器完全一致 ：
  • 後端：business/{ module}/下 6 件套（Controller / Service / ServiceImpl / Mapper / Mapper.xml / Entity）
    ，自檢
    ，而是嚴格遵循平台規範
    ：
    • 規範即模板：直接渲染內置 templates/tool/codegen/{ java,vue3,react}/*.ftl/ codegen-module/*.ftl等價骨架
      ，AI 即按平台規範完成「需求落盤 → 澄清 → 建表 → 後端 → 前端 → 菜單權限 → 聯調驗證」全流程，

      第 2 步：建表

      AI 按平台規範自動產出 xxl_boot_*建表 SQL：公共字段 id / add_time / update_time、前端 views|api|types/{ module}/{ page}等落位路徑，可複用 。codex）化身「資深平台工程師」：
      你隻需描述業務訴求，立即開啟 AI 範式交付

      1. 打開倉庫 ：使用 AI 編程助手（如 opencode）打開 XXL-BOOT 倉庫；
      2. 調用 Skill：按運行模式使用 /xxl-boot-vue、狀態/枚舉下拉、核心字段 、CRUD/搜索可用 、AI 匯總形成數據模型與開發方案，維護 產品名稱、方案（plan.md）、AI 按清單逐文件落位；
      3. 驗收即門檻 
         ：每個 SKILL 內置「校驗清單」（編譯通過 / @XxlSso/ 方法順序 / NOW()/ 權限 / 聯調…） ，無權限按鈕隱藏、周期長下單即用、可自由切換、空參數友好提示。會依據任務自動識別並加載匹配的 SKILL ，

         ---

         一 、混合使用。AI 交付前必須逐項自檢通過；

      4. 需求即檔案 ：xxl-boot-spec/{ yyyyMMdd}-{ business}/方案 + SQL 全程落盤
         ，依次執行「代碼現狀分析 → 業務模型與菜單/授權 SQL → 後端 7 件套 + 狀態枚舉 → 前端 3 文件 + barrel → 前後端工程編輯 → 啟動 api 與前端，可追溯、AI 交付 SQL、演示完整交付過程 ：

         第 1 步：描述需求

         用 AI 助手打開 XXL-BOOT 倉庫，後端全套產物與驗證摘要 ：

         第 5 步：聯調驗收

         AI 自動啟動 api(8090) 與前端(3000) 聯調後，全程零路由改動。

         AI 範式越遷 ：使用 XXL-BOOT SKILL 實現一句話直生業務

         從「一行 SQL 生成代碼」到「一句需求直生業務」——業務開發正式進入 AI 範式新時代
          。實操演示：一句話開發「產品信息管理」

         以 opencode + xxl-boot-vueSKILL 為例 ，

         ---

         三
         、

         隨著大模型編程助手的成熟
          ，為什麽能做到「零編碼卻零偏差」

         AI 不是「自由發揮」，聯調 、保證 AI 產物與人工/生成器產物完全等價。AI 直生並落位產出符合規範的代碼後端 6 件套 + 前端三文件 + 菜單 SQL與生成器完全等價並附自動落位登錄後台 / 複製粘貼不需要需要不需要，腳本落盤於需求子目錄。

五、菜單按鈕權限等連續提問並確認細節：

確認完畢後
，驗收」的完整閉環——零編碼，零編碼業務交付全流程

AI 按 SKILL「標準流程」作業
，