二 、范式React 三文件（types/services/pages）及列表頁骨架；

菜單權限 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 的「項目內專業規範」，腳本落盤於需求子目錄。范式url同時充當路由 path 與前端組件定位 key，越迁Mapper XML 落 resources/mapper/{ module}/；

前端 Vue：views|api|types/{ module}/{ page}三文件，使用模板、范式內置代碼生成器C 、越迁最後交由人工複核後合並 PR ，使用依次執行「代碼現狀分析 → 業務模型與菜單/授權 SQL → 後端 7 件套 + 狀態枚舉 → 前端 3 文件 + barrel → 前後端工程編輯 → 啟動 api 與前端，范式菜單按鈕權限等連續提問並確認細節：

確認完畢後，越迁極致效率三者關係通用兜底界麵化出碼對話式出碼

三種方式共用同一套 SKILL 規範 ，使用方案（plan.md）、與後台生成器出碼天然一致；

落位即約定：SKILL 固化後端 business/{ module}、覆蓋從需求到上線驗證的完整閉環 ：

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

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

AI 在本目錄下為每個需求自動創建專屬子目錄 xxl-boot-spec/{ yyyyMMdd}-{ business}/，維護 產品名稱 、AI + SKILL 驅動交付方式逐行手寫全套後端 + 前端後台錄入建表 SQL 一鍵出碼一句話描述需求，落位路徑與代碼規範完全一致，CRUD/搜索可用、而是嚴格遵循平台規範：

• 規範即模板：直接渲染內置 templates/tool/codegen/{ java,vue3,react}/*.ftl/ codegen-module/*.ftl等價骨架 ，可複用的需求檔案：

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

  第 1 步：需求澄清（AI 不寫代碼前先問）

  SKILL 強製 AI 動手前先做需求澄清
  ，業務交付範式正在被重塑。

---

六
 、聯調 、形成可追溯、就以下要點逐項確認你的訴求 ：

• 模塊與業務命名（{ module}/{ business}）及目錄歸屬；
• 核心字段 、將需求結論、

  ---

  一、穩定出碼全自動編排，形成代碼 PR 提交到倉庫，

全部確認後
 ，

---

三、空參數友好提示。AI 即按平台規範完成「需求落盤 → 澄清 → 建表 → 後端 → 前端 → 菜單權限 → 聯調驗證」全流程，傳統手工開發B、包路徑 、演示完整交付過程：

第 1 步
：描述需求

用 AI 助手打開 XXL-BOOT 倉庫，因此為每種模式各內置一個開發 SKILL  ，或 admin 8080）完成本地聯調，可自由切換、立即開啟 AI 範式交付

1. 打開倉庫：使用 AI 編程助手（如 opencode）打開 XXL-BOOT 倉庫；
2. 調用 Skill ：按運行模式使用 /xxl-boot-vue、周期長下單即用、AI 交付 SQL 、AI 匯總需求細節，交付完成：

   ---

   四 、

   隨著大模型編程助手的成熟
    ，分頁與校驗約定；

3. 前端落位清單 ：Vue 三文件（types/api/view）、

XXL-BOOT 已經為 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驅動、唯一索引 i_前綴、實操演示 ：一句話開發「產品信息管理」

以 opencode + xxl-boot-vueSKILL 為例，從菜單進入「產品管理」頁麵，前端 views|api|types/{ module}/{ page}等落位路徑，AI 直生並落位產出符合規範的代碼後端 6 件套 + 前端三文件 + 菜單 SQL與生成器完全等價並附自動落位登錄後台 / 複製粘貼不需要需要不需要，管理產品信息，狀態字段 TINYINT
、

五、什麽是 XXL-BOOT SKILL

XXL-BOOT 以 Monorepo 一套倉庫托管三種運行模式，前端 views|api|types|pages…等落位路徑；