---

name: wxa-skills-generate description: 分析小程序项目源代码（含压缩/混淆），识别核心业务步骤，提取网络接口与 JSAPI 调用，生成符合 wx.modelContext 规范的技能分包（含原子接口 + 原子组件），并完成 app.json / project.config.json 配置集成。在以下场景触发：把小程序页面能力改造为小程序 AI 原子接口、生成 skills/ 分包代码、从源项目派生 MCP 工具、小程序 AI 的开发模式代码生成。仅负责静态生成，生成完成后必须交棒 wxa-skills-validate 做校验。 metadata: author: Tencent version: '0.2.0'

wxa-skill-generate

从小程序源码生成符合 wx.modelContext 规范的技能分包（skills/）：分析源码 → 识别业务 → 提取接口与 JSAPI → 设计原子接口 → 生成代码 → 集成配置 → 交棒校验。

职责边界

• ✅ 本 skill 做：源码分析、原子接口设计、代码生成、app.json / project.config.json 集成
• ❌ 本 skill 不做：静态校验、真机执行、渲染验证（这些全部由 wxa-skills-validate 负责）
• 📦 交付：skills/{skill-name}/（含 mcp.json、SKILL.md、index.js、原子接口实现文件、工具模块；组件目录仅在用户明确要求生成原子组件时才有）+ 配置文件更新

依赖

• 可读的源码目录（仅给 appid / URL / 截图 → 触发阻断）
• 本 skill 主体不执行代码，只生成代码；但**运行时探测（probe）**阶段需要：
  • scripts/probe.mjs + scripts/probe-lib.mjs（与本 skill 同目录）
  • miniprogram-automator：阶段 3.6 环境检查时由模型安装到 skill 的 scripts/ 目录（cd <skill-path>/scripts && npm install miniprogram-automator），禁止安装到小程序源项目
  • 微信开发者工具 CLI 已安装且「服务端口」已开启（支持 WX_CLI_PATH 环境变量 / 自动检测）
  • probe 策略为 probe-first 验证 + 静态分析兜底：阶段 3 选中的业务接口默认进 plan 探测；命中 T1~T6 或标记 requiresRuntimeProbe: true 时必须执行、禁止跳过；非必探接口在环境不可用时可回退静态结果（详见阶段 3.6 与 references/RUNTIME_PROBE.md）。通过 evaluate 覆写 wx.request 捕获请求参数与响应；支持点击触发、进页面自动发、request/evaluate 非 UI 直发三类，并支持「一个能力 = 多请求」的有序捕获

术语约定

• 原子接口：对外暴露给小程序 AI 的可调用能力。约定路径 skills/{skill}/apis/{name}.js（validator 也兼容 tools/services/ / tools/）
• 原子组件：用于渲染原子接口返回数据的 GUI 卡片。默认不生成——仅当用户明确要求生成原子组件时才产出；否则原子接口只返回文本 + 数据 + handoff（进接力页，见 C.3.3）。生成时强约束路径 skills/{skill}/components/{name}/（与 mcp.json._meta.ui.componentPath 严格相等）
• 压缩代码：单行超 500 字符、变量名单字符的产物（含混淆）

参考资料索引

---

硬性约束

A. 独立分包禁止项（必须改写）

B. 直接终止生成的阻断规则

出现以下任一情况，立即终止生成并告知用户：

C. wx API 白名单（每次生成必须对照）

阶段 1 鉴权扫描、阶段 3 JSAPI 提取、阶段 5 代码生成时必须对照白名单。源码用到清单之外的 JSAPI → 按"不可迁移 JSAPI"处理。

完整清单（接口侧 / 组件侧 / 不可迁移）见 references/JSAPI_WHITELIST.md。下文 C.1 / C.2 / C.4 仅列高频条目，覆盖业务时必查 reference 完整列表，不要凭印象。

C.1 接口侧白名单（高频，完整清单见 references/JSAPI_WHITELIST.md §1）

"接口侧"指通过 wx.modelContext.registerAPI() 注册的处理函数及其依赖的纯 JS 模块——常规放在 <skill>/apis/（也可放 tools/services/ / tools/，validator 会按这三个候选目录解析），引用的工具模块目录名（如 utils/ / services/ / helpers/ / 自定义名）不限。作用域以"是否在原子接口处理函数链路上"判定，不以目录名判定。

支付类、系统选择器/采集（choose* / scanCode / saveImageToPhotosAlbum）、主动打开原生页/面板（openLocation / makePhoneCall / openDocument / shareAppMessage / openSetting / openPrivacyContract）不在接口侧——见 C.2 / references/JSAPI_WHITELIST.md §2.1（动态组件）。其他场景（人脸核身、微信运动、加密、WiFi、蓝牙/BLE、WebSocket、TCP/UDP、mDNS、传感器等）查 references/JSAPI_WHITELIST.md §1 完整表。

C.2 组件侧白名单（高频，完整清单见 references/JSAPI_WHITELIST.md §2）

"组件侧"指原子组件 Component({}) 内的代码及其引用的纯 JS 模块。组件目录路径强约束为 <skill>/components/<name>/index.{js,json,wxml,wxss}（与 mcp.json 中接口的 _meta.ui.componentPath 严格相等），但组件 index.js 引用的工具模块目录名不限。

组件侧禁用：wx.cloud.* / 位置 / 登录 / 支付 / 其它任何业务接口（除上表已列出的能力）。组件只能收数据（接口返回的 structuredContent / _meta）、做预览、读系统信息、读写本地缓存、读账号信息、操作 MapContext、发声明过能力的网络请求。组件与接口处于不同 JS 上下文，全局变量不共享。在 methods / tap handler / 异步回调里主动调 sendFollowUpMessage / getDimensions 时必须现取 wx.modelContext.getContext(this) / getViewContext(this)，不要通过 this._modelCtx 等缓存引用调（详见 references/COMPONENT_TEMPLATES.md）。

C.3 组件配置（原子组件按需生成 + 网络能力）

默认不生成原子组件。原子接口只返回文本 + structuredContent + handoff（进接力页，见 C.3.3）。仅当用户明确要求生成原子组件（GUI 卡片）时才生成：对应接口声明 _meta.ui.componentPath，并在 mcp.json 顶层 components[] 声明一条记录，path 必须与该接口 _meta.ui.componentPath 字符串完全相等（含末尾 /index，严格相等比对）。网络能力（permissions.scope.dynamic）按需声明。

{
  "components": [
    {
      "path": "components/order-list/index"
    },
    {
      "path": "components/weather-card/index",
      "permissions": { "scope.dynamic": { "desc": "声明使用场景" } }
    }
  ]
}

C.3.1 组件过期态声明（按需，非强制）

默认不生成。仅当源业务上存在"卡片到某时刻作废、不应再被点"语义（成交、关店、活动结束、超时）时，在 components[] 记录上加 expirable: true + 业务化 expiredText（默认文案"服务已过期"）。纯展示卡片不要写。代码示例与"过期触发"模板见 references/COMPONENT_TEMPLATES.md "卡片过期"节。

触发 API（按粒度二选一，不要同时调）：

• wx.modelContext.expireAllCards()：原子接口/组件均可调，过期所有 expirable: true 卡片含自身
• wx.modelContext.getViewContext(this).expirePreviousCards()：仅原子组件可调用（依赖组件实例 this），只过期此前已渲染的卡片不含自身

精细过滤（两个 API 都支持）：可传 { componentPaths: [...] } 只过期匹配 componentPath 的卡片；加 match: 'latest' 只过期最近一张。componentPath 用绝对路径（含分包前缀，如 packageA/weather-skill/components/weather-card/index），多条 path 取并集。

声明与调用必须配对。

C.3.2 半屏页面（按需，非强制，默认不生成）

半屏页面是原子组件内容的延伸——仅当源业务确有"详情 / 用户补充信息"语义时挂上。

• 入口：仅在原子组件 methods 内，wx.modelContext.getViewContext(this).openDetailPage({ url })，承载页面用项目内已有的小程序页面（原子接口里没有 this，不可调）
• 半屏内"下一步"：原生页面 wx.modelContext.getContext().sendFollowUpMessage(...)（不传 this）；web-view h5 走 WeixinJSBridge.invoke('invokeMiniProgramAPI', { name: 'sendFollowUpMessage', arg })。上行后半屏自动关闭回小程序 AI 对话
• 场景值：1433 / 1434；左上角关闭按钮位置用 wx.getDetailPageCloseButtonBoundingClientRect 适配
• 禁用清单：跳出类（navigateToMiniProgram / 公众号 / 视频号 / 表情 / 客服）、页面路由（navigateTo / redirectTo / switchTab / reLaunch / wx.router.*）、聊天工具（shareXxxToGroup）、地图 MapContext.openMapApp、广告（createInterstitialAd 等 + <ad> <ad-custom> 组件）、导航组件（<navigator> / <functional-page-navigator>）—— 完整清单与示例代码见 references/HALF_SCREEN.md

C.3.3 handoff 接力页（进小程序的主要方式）

进小程序统一走 handoff。默认流程：原子接口返回文本 + 小程序卡片，用户点卡片后由平台 handoff 进入小程序内的接力业务页继续操作。

何时必须配：若某原子接口执行完会停下等用户确认（展示小程序卡片、等用户点击进小程序），必须为它配置 pagePath，否则用户无法进入业务页。纯数据、无停顿接续的接口可不配。

四项适配（详见 references/CODE_TEMPLATES.md "handoff 接力页" 节）：

1. mcp.json：在该接口 apis[]._meta.ui 加 pagePath（接力页 path，不含 query；与 componentPath 同级，componentPath 仅在生成组件时才有）。
2. 原子接口返回值：顶层（与 content / structuredContent 同级）增加 handoff，兼容两种形态：
   • 对象（立即模式，更快）：handoff: { query, payload?, card? }——模型无需筛选数据时直接返回对象，平台即时生成 handoff，链路更短、更快。
   • 函数（延迟模式）：handoff: ({ result }) => ({ query, payload?, card? })——需要用模型修改后的 result 时返回函数，入参对象的 result 即模型修改后的完整 result。 字段：query 为对象（页面 query 键值对，如 { drugId }）；payload 可选（接力页首屏加速数据）；card 可选（卡片展示信息，如 { title }）。
3. app.js：onLaunch 内注册 wx.onAgentHandoff(cb)（须早于 handoff 触发的 onBeforeAppRoute），把 { path, query, payload } 按 pageId 暂存。
4. 接力业务页：onLoad(query) 中 query 为对象（键值对，同 handoff.query）；若 wx.onAgentHandoff 投递了 payload 则先 setData 加速首屏。

平台代做（无需自己实现路由）：按 pagePath 打开目标页 → 把 handoff.query 原样注入 onLoad(query) → 通过 wx.onAgentHandoff 回调投递 path / query / payload。

禁用：wx.openAgent / wx.navigateBackAgent 当前基础库侧未打通，调用会失败——接力页内不要依赖"打开 Agent / 返回 Agent 对话"，后续流程由业务页自行完成。

C.4 不可迁移 JSAPI（接口与组件均禁用，高频示例；完整清单见 references/JSAPI_WHITELIST.md §3）

其它老接口、Taro 特有不可迁移项（Hook、Pinia/Vuex、Vue setup 等）见 references/JSAPI_WHITELIST.md §3。

C.5 button 的 open-type 改写

组件内 button 禁用 open-type（share / getPhoneNumber / getRealtimePhoneNumber）→ 去掉 open-type，改 bindtap，在 tap handler 内调对应白名单 JSAPI（wx.shareAppMessage / wx.getPhoneNumber / wx.getRealtimePhoneNumber）。

C.6 判定规则

1. 能力仅能通过不可迁移 JSAPI 实现（如"扫码核验"且源码无网络 API 替代）→ 触发阻断规则 B
2. 能力核心逻辑可用网络请求实现 → 生成纯网络请求版本，丢掉不可迁移的 JSAPI 调用
3. 老接口有白名单内新接口替代（chooseImage → chooseMedia、previewImage → previewMedia）→ 自动替换

D. 原子组件约束

• 仅支持 tap 事件
• 支持的内置组件：view（含 hover-class）/ text（不含 user-select）/ image（仅网络地址）/ map / button（不含 open-type）/ canvas / scroll-view（仅横向滚动 scroll-x，禁纵向 scroll-y）
• 不支持的内置组件：swiper / swiper-item / input / textarea / picker / picker-view / checkbox / radio / form / label / slider / switch / editor / rich-text / icon / progress / navigator / web-view / movable-area / movable-view / root-portal / match-media 等
• button 用 open-type → 按 C.5 改写为 bindtap + 白名单 JSAPI
• 渲染容器：宽度随屏幕，宽高比 4:1（最小高） ~ 1:1（最大高），超出裁剪、不支持纵向滚动（横向超长内容用 <scroll-view scroll-x="true"> 包裹）
• 不支持打开小程序接口；不可声明为虚拟组件；组件与接口处于不同 JS 上下文，全局变量不共享
• 每个可交互元素必须绑 bindtap，tap handler 上行 content 数组（① 单 text 或 ② text + api/call 组合，推荐 ②）。详见阶段 5.0.1 + references/COMPONENT_TEMPLATES.md "上行消息"节

---

执行清单（复制后勾选）

阶段 0 — 业务需求澄清（强制前置）
- [ ] 判定用户场景是否明确（两项判定）
- [ ] 不明确 → 最小扫描 + 引导澄清 + 等待确认
- [ ] 确认是否生成原子组件（用户未明确要求 → 默认不生成，只做原子接口 + handoff）
- [ ] 产出"目标业务场景 + 期望原子能力"清单

阶段 1 — 项目扫描
- [ ] 提取 app.json / app.js / project.config.json 关键字段
- [ ] 产出云开发标记 + 云环境 ID + appid + 插件使用情况
- [ ] 产出鉴权迁移清单（token key / header 方式 / 登录流程）
- [ ] 产出 storage 初始化清单

阶段 2 — 业务功能识别（用户已明确时跳过）
- [ ] 产出结构化功能清单 JSON
- [ ] 用户二次确认

阶段 3 — 接口与 JSAPI 提取 + 可行性校验
- [ ] 每个能力对应的接口/JSAPI 清单
- [ ] 完整依赖链路
- [ ] 鉴权依赖确认
- [ ] 可行性三级评定（高/中/无置信）
- [ ] 选中的业务接口**默认进 plan 探测**；逐条检查 T1~T6，命中任一即标记 `requiresRuntimeProbe: true`（必探硬底线）
- [ ] 执行 probe（一次性批量）：环境检查（自动安装 automator）→ 通知用户 → 生成 plan.json → 执行 `scripts/probe.mjs` → 结果写入 `<源项目>/.ai-mode-skills/probe/` → 合并写入 `merged-result.json` → 接入阶段 4。命中 T1~T6 **禁止只标记不执行**；非必探接口在环境不可用时可回退静态结果

阶段 4 — 原子接口设计
- [ ] 原子接口清单（含 name / description / inputSchema / outputSchema；进小程序的接口配 _meta.ui.pagePath + 返回 handoff；_meta.ui.componentPath 仅当用户要求生成原子组件时才有）
- [ ] API 依赖图
- [ ] storage key 清单

阶段 5 — 代码生成
阶段 5 — 代码生成
- [ ] 进小程序的接口已配 _meta.ui.pagePath + 返回值顶层 handoff（见 C.3.3）
- [ ] `utils/request.js` 鉴权代码完整复刻源码 request 封装（通用 header/query/签名/预处理，模块级鉴权变量不留空）
- [ ] （仅当用户要求生成原子组件时）每个原子组件符合 `ATOMIC_COMPONENT_DESIGN.md`（尺寸档位 / 背景 / 边距 / 字号 + 透明度 / 布局 / 操作区）并走完 STYLE_MIGRATION.md 的 7 步；可交互元素绑 bindtap，tap handler 优先上行 `{ content: [{ type: 'text', text }, { type: 'api/call', data: { name, arguments } }] }` 组合，text 是用户视角简短中文、`name` 在 mcp.json 中存在、`arguments` 与 inputSchema 对齐；无法映射时退回单 `text`
- [ ] skills/{skill-name}/ 目录完整（mcp.json / SKILL.md / index.js / apis/* / utils/*；仅生成组件时含 components/*）
- [ ] SKILL.md 已按 `references/CODE_TEMPLATES.md` 第五节的 5 节结构与禁止项写完（路由说明，非接口手册）

阶段 6 — 配置集成
- [ ] app.json 加 agent.skills + subPackages
- [ ] project.config.json 的 packOptions.include 加 skills

收尾 — 交棒给 wxa-skills-validate
- [ ] 明确告知用户："请使用 wxa-skills-validate 做校验"
- [ ] 提示 skills 路径与 project-path

---

跨阶段跳转规则

核心原则：

1. 业务场景不明确时，必须先澄清后生成，严禁跳过阶段 0
2. 每个阶段必须完整产出"产出物清单"中的全部项才能跳转
3. 本 skill 只生成代码，所有校验由 wxa-skills-validate 负责

增量与重入

工作区已存在 skills/ 产物时：

重入时已生成且未触及的文件保持不变，只更新受影响的文件。

---

阶段 0 — 业务需求澄清（强制前置）

契约：

判定规则（必须同时满足 2 项才算"明确"）：

任一不满足 → 进入下方澄清流程。

不明确时的引导流程

1. 最小扫描：只读 app.json 的 tabBar.list、pages（一级路径）、subPackages.root。禁止读 JS/WXML/WXSS，禁止做依赖分析。
2. 归纳候选：基于路径关键词（见 references/ANALYSIS_PATTERNS.md 页面功能识别表）归纳 3~6 个候选场景。
3. 向用户提问（一次问完，别反复打断）：
   • 希望把哪些业务场景做成小程序 AI 的 SKILL？
   • 每个场景希望暴露给小程序 AI 的原子能力大致是什么？
   • 是否涉及登录态、支付、位置、云开发等敏感能力？
   • 是否需要生成原子组件（GUI 卡片）？默认不生成——只做原子接口 + handoff（点小程序卡片进接力页）；仅当你明确需要对话内卡片式 GUI 时才生成。用户未提及即按"不生成"处理。
4. 等用户回复后才能进入阶段 1。严禁在用户确认前扫描源码或生成代码。

澄清输出清单模板：

目标业务场景：
  - 场景 A：<名称> → 期望原子能力：<能力 1>、<能力 2>
  - 场景 B：<名称> → 期望原子能力：<能力 3>

技术约束：
  - 是否涉及支付/登录/位置：是/否
  - 是否使用云开发：待阶段 1 扫描确认
  - 是否生成原子组件（GUI 卡片）：是/否（用户未明确 → 默认否，只生成原子接口 + handoff）

---

阶段 1 — 项目扫描

契约：

1.1 配置扫描

读 app.json / app.js / project.config.json，提取 pages / subPackages / tabBar / 已有 agent / appid / packOptions；扫云开发（wx.cloud 调用 / cloudfunctions/ 目录）与云环境 ID（wx.cloud.init({ env })）。lazyCodeLoading 必检：缺 "lazyCodeLoading": "requiredComponents" → 阻断规则 B（不要"代为补全"）。云开发项目同时扫 cloudfunctionRoot/<fn>/index.js 的入参/返回结构。

1.2 鉴权逻辑扫描（必做）

扫 app.js + 主包 request 封装（utils/request.js / http.js / api.js） + 登录文件，提取四项：①token/session 存取 key（关键词 getStorageSync + token/session/openid/cookie）②请求 header 鉴权方式（Authorization / Bearer / 自定义）③登录入口（wx.login / wx.checkSession）④换 token 接口（wx.login 后的 wx.request / 云函数）。

迁移策略（形成鉴权迁移清单，阶段 5 写入分包工具模块）：分包自包含完整登录能力，每次执行接口前 ensureLogin() 主动登录；token 存模块级变量（不写 storage——分包与主包隔离，登录态不可靠）；无鉴权接口跳过。

1.3 主包 storage 初始化扫描（必做）

扫 app.js 与主包 .js 中的 wx.{set,get,clear}Storage*，提取 key / defaultValue / initCondition / sourceFile。迁移：① setStorageSync 初始化值 → 分包 ensureStorageInit() 重建；② getApp().globalData 运行时缓存 → 模块级变量或按需写 storage；③ onLaunch 异步获取后写 storage → 分包首次调用时自行重发请求并缓存。形成 storage 初始化清单（与阶段 4 内部"接口间数据传递的 storage key 清单"不是同一张表）。

1.4 压缩代码处理

识别：单行 >500 字符 / 单双字符变量名 / 缺注释空行。处理顺序：① 优先问用户要未压缩源码；② 否则尝试 prettier 格式化后再提取；③ 格式化后关键字段仍全是 a.b.c.d → 阻断规则 B。禁止盲目猜变量名——猜出来的代码会在 validator 大量失败。

1.5 插件检测

扫 app.json 的 plugins 字段、页面/组件 JSON 的 usingComponents 中的 plugin:// 引用。目标能力依赖插件 → 阻断规则 B。

---

阶段 2 — 业务功能识别（用户已明确时跳过）

契约：

动作：

1. 针对阶段 0 选定的候选场景对应页面，按 references/ANALYSIS_PATTERNS.md 的模式分析页面用途、交互事件、数据流向
2. 从用户视角识别功能点（每个功能 = 一个原子接口）
3. 分析数据依赖（A 的返回值被 B 使用）

产出物 JSON（字段统一 camelCase）：

[
  {
    "functionName": "检索商品",
    "pages": ["pages/items/list", "pages/search/index"],
    "sourceApis": ["GET /api/items/search"],
    "suggestedAtomicInterfaces": ["searchItems"],
    "needsComponent": true
  }
]

必须将清单发给用户二次确认才能进入阶段 3。

---

阶段 3 — 接口与 JSAPI 提取

契约：

详细匹配模式见 references/ANALYSIS_PATTERNS.md。

3.1 提取范围：仅扫用户已确认能力对应的页面/模块，搜索网络调用（wx.request / wx.cloud.{callFunction,database,callContainer}）+ 白名单内 JSAPI（高频列表见"硬性约束 C"，完整清单见 references/JSAPI_WHITELIST.md）。

3.2 依赖追踪：对相关页面/模块的所有 require / import 递归追踪，识别完整依赖链路。阶段 5 把依赖完整内联拷贝到分包工具模块（utils/util.js 或 utils/request.js 等），不要放到 apis/ 下——apis/ 仅放 mcp.json 注册的接口。

3.3 鉴权依赖确认（必做）：结合阶段 1 的鉴权迁移清单，对每个目标接口确认 ① 是否需要登录态 ② token 来源（storage 直读 / 需先登录） ③ 登录方式（wx.login + 换 token / 其他）；标注后阶段 5 据此实现 ensureLogin()。

3.4 插件依赖阻断：依赖链路含 requirePlugin / require('../plugin/') / plugin:// → 阻断规则 B。

3.5 可行性三级校验（必做）：

中置信询问模板：

以下原子能力在源码中存在多个候选实现，请确认选择：

能力：<能力名>
候选 1：<接口路径/云函数名> — 参数 <x>、返回 <y>（来自 pages/xxx.js 第 N 行）
候选 2：<接口路径/云函数名> — 参数 <x>、返回 <y>（来自 pages/yyy.js 第 M 行）

请回复序号（如"1"）或说明选择理由。

3.6 运行时探测（probe）：

策略：probe-first 验证 + 静态分析兜底——选中的业务接口默认进 plan 探测；静态分析负责选接口、生成 plan、给出 method/鉴权/URL 路径，probe 负责验证真实 URL + 抓真实响应结构。完整 SOP 见 references/RUNTIME_PROBE.md。

必探硬底线（命中任一即必探，仅环境不可用/用户拒绝时降级；命中后禁止只标记不执行）：

仅验证类（URL 常量 + 响应结构 JS 字段访问清晰）：probe 成功则覆盖，环境不可用时直接采用静态结果、不阻断。

触发方式（plan 的 trigger）：点击/输入（tap/input/callMethod）、进页面自动发（trigger 留空）、非 UI 直发（request 直调 wx.request / evaluate 执行取数函数）。一个能力串多请求时 matchUrlIncludes 用数组按序捕获。

执行流程：

1. 静态分析产出中间结果 → 写入 <源项目>/.ai-mode-skills/static-analysis.json，标记各维度 confidence: "high"/"partial"/"low"
2. 判断是否需 probe：存在非 "high" 维度或命中 T1~T6 → 需要
3. 环境检查：确认 miniprogram-automator 已安装（装在 skill 的 scripts/ 目录）、CLI 可用
4. 通知用户（非阻断）→ 生成 <源项目>/.ai-mode-skills/probe/plan.json → 执行 scripts/probe.mjs
5. 合并结果（见 references/RUNTIME_PROBE.md §5）→ 写入 <源项目>/.ai-mode-skills/merged-result.json
6. 降级：probe 失败 → 离线兜底（HAR/抓包）；全失败 → 阻断规则 B

代码注释溯源（apis/<name>.js 顶部）：

// [ai-mode:static] URL /api/items/search 来自 utils/request.js:42
// [ai-mode:probe] 2026-06-02 验证完整 URL https://shop.example.com/api/items/search
// [ai-mode:probe] 实际响应字段：list[].{id, name, price, img}, total(number)

---

阶段 4 — 原子接口设计

契约：

4.1 技能划分：同业务域（商品/订单/地址）原子接口聚合到同一 skill；共享 storage 上下文的接口必须在同一 skill 内；每 skill 推荐 3-8 个原子接口（更多则按子业务拆分）。

4.2 接口字段：每条接口含 name（驼峰、全局唯一）/ description（含内部串联操作，帮助小程序 AI 决策）/ inputSchema（仅小程序 AI 需从用户获取的参数；无参用 {"type":"object","properties":{}}）/ outputSchema（对应 structuredContent）/ _meta.ui.pagePath（按需，接力页 path、不含 query；"执行完停下等用户确认"类接口需配，配合返回值 handoff，详见 C.3.3）/ _meta.ui.componentPath（仅当用户明确要求生成原子组件时才声明，格式 components/xxx/index；声明则组件目录必须 4 文件齐全）。

多模态入参：当接口需要用户上传图片（如 P 图、图像识别）时，对应 inputSchema.properties.<field> 加 "format": "image"，类型为 string（运行时填本地图片路径）。小程序 AI 输入框会据此识别为多模态字段、引导用户上传图片。

4.3 进小程序方式（默认 handoff，不默认生成组件）：默认不生成原子组件——需接续操作/查看详情的接口，配 _meta.ui.pagePath + 返回 handoff（见 C.3.3），用户点小程序卡片进接力页。仅当用户明确要求生成原子组件（GUI 卡片）时，才按返回值类型对照组件模板（详见 references/COMPONENT_TEMPLATES.md）：列表/卡片项 → 通用列表；详情/单对象 → 详情卡片；购物车/带数量总价 → 购物车；下单成功/支付结果/操作确认 → 状态结果。

4.4 产出物示例（默认形态：无组件，配 handoff）：

[{
  "skill": "business",
  "name": "searchItems",
  "title": "检索商品",
  "description": "根据关键词检索商品，返回商品列表",
  "inputSchema": { "type": "object", "properties": {} },
  "outputSchema": { "type": "object", "properties": { "items": { "type": "array" } } },
  "_meta": { "ui": { "pagePath": "/pages/goods/list" } }
}]

用户明确要求生成原子组件时，才在 _meta.ui 追加 componentPath: "components/item-list/index" 并生成组件目录。

API 依赖图（仅在通过 storage 传上下文时必备）：

searchProducts ──(storage: skills_shopping_lastSearchResult)──▶ addToCart
              └─(storage: skills_shopping_lastSearchResult)──▶ getProductDetail

storage key 命名统一 skills_{skillName}_{dataName}，列表含 key / 写入方 / 读取方 / 数据结构。

---

阶段 5 — 代码生成

契约：

代码模板见 references/CODE_TEMPLATES.md、组件模板见 references/COMPONENT_TEMPLATES.md、设计规范见 references/ATOMIC_COMPONENT_DESIGN.md（最高优先级）、CSS 实现规范见 references/ATOMIC_COMPONENT_CSS.md。

5.0 三个强制前置（仅当用户明确要求生成原子组件时适用；写任何组件 WXML/WXSS 前必须按序走完）

默认不生成原子组件 → 本节整节跳过，只生成原子接口 + handoff。仅当用户明确要求生成 GUI 卡片时才执行。

tap handler 优先形态 2（text + api/call 组合）：

// 使用点必须现取 ctx；不要用 this._modelCtx 之类的缓存引用
wx.modelContext.getContext(this).sendFollowUpMessage({
  content: [
    { type: 'text', text: '<用户视角的简短中文，例如：选择拿铁>' },
    { type: 'api/call', data: { name: '<mcp.json 已声明的 api name>', arguments: { /* 对齐该接口 inputSchema */ } } },
  ],
})

只有当点击动作无法映射到原子接口时才退回形态 1（单 text）。每次上行 api/call 前打一行 [ai-mode] {componentName} send api/call name=... args=... console.info。禁止：组件内直调业务接口、单独发 api/call 不带前导 text、arguments 用占位值、name 不在 mcp.json 中、只展示不响应的"死"按钮、用 this._modelCtx.sendFollowUpMessage(...) 缓存引用调方法。

5.1 目录结构

{项目根目录}/
├── app.json                              # 含 agent.skills 注册
└── skills/                               # 独立分包（多 skill 共用）
    ├── _shared/                          # 可选：≥2 个 skill 共用的工具函数才放这里
    └── {skill-name}/
        ├── mcp.json                      # 原子接口 Schema 定义
        ├── SKILL.md                      # skill 路由说明
        ├── index.js                      # 接口注册入口
        ├── apis/                         # 原子接口实现（推荐目录；validator 兼容 tools/services/、tools/）
        ├── utils/                        # 工具模块（目录名不强制，常见 utils/services/helpers）
        └── components/{component-name}/  # index.js/json/wxml/wxss（路径强约束，与 mcp.json _meta.ui.componentPath 严格相等）

目录分层：跨 skill 禁止 require('../../{otherSkill}/...')；多 skill 复用走 skills/_shared/（不在 mcp.json 注册、不调 registerAPI）。

5.2 mcp.json + 技能自身 SKILL.md + 返回值 + 日志

• mcp.json：顶层 { "apis": [...] }，每项必含 name / description / inputSchema / outputSchema；进小程序的接口按需加 _meta.ui.pagePath（配合返回值 handoff）；_meta.ui.componentPath 与 components[] 仅在用户明确要求生成原子组件时才有（components[] 声明组件网络能力，详见 C.3）。完整字段示例见 references/CODE_TEMPLATES.md 第四节
• 技能自身 SKILL.md（文件名严格全大写）定位"路由说明"，只允许 5 节按序：能力域定位 → 触发场景（用户原话 few-shot）→ 不适用范围 → 前置条件 → 使用顺序。通篇禁止：驼峰 apiName / inputSchema / outputSchema / 参数表 / 返回值表 / componentPath / storage key / 接口依赖图 / 安装 CLI 运维。完整模板见 references/CODE_TEMPLATES.md 第五节
• 返回值格式：{ isError?, content: [{type:'text', text}], structuredContent?, _meta?, handoff? }——content 给 LLM 文本，structuredContent 对应 outputSchema，_meta 对 LLM 不可见可传 UI 组件；handoff（进小程序按需，顶层与上述字段同级）为对象 { query, payload?, card? }（立即模式）或函数 ({ result }) => ({ query, payload?, card? })（延迟模式，result 为模型修改后的完整 result），query 为页面 query 键值对对象，详见 C.3.3
• 日志规范：原子接口必打 入口 / 入参 / 请求前后 / 出口 / catch；原子组件必打 created/attached / 收到 Result / setData / NotificationType.Overflow（必监听，用于校验裁剪）。统一前缀 [ai-mode]。日志不打够等于没日志——真机失败看不到关键节点 → 回阶段 5 补齐重跑

---

阶段 6 — 配置集成

契约：

配置格式见 references/CODE_TEMPLATES.md 第六节。关键要点：

• agent.skills[].path 指向 skills/{skill-name} 目录
• subPackages 中 skills 整体作为 independent: true 的独立分包；多 skill 共用同一个分包——新增 skill 只在 agent.skills[] 里追加，不要为每个 skill 加一条 subPackages 条目
• project.config.json 的 packOptions.include 需含 { "type": "folder", "value": "skills" }
• handoff（按需）：若有接口配了 _meta.ui.pagePath 并返回 handoff，在主包 app.js 的 onLaunch 内注册 wx.onAgentHandoff（详见 C.3.3 与 references/CODE_TEMPLATES.md "handoff 接力页" 节）

---

收尾 — 交棒给 wxa-skills-validate（强制）

阶段 6 完成后，必须在回复中明确告知用户：

代码生成与配置集成已完成。下一步请使用 `wxa-skills-validate` skill 对产物进行校验与真机验证：

- skills 路径：<abs-path>/skills
- project-path：<abs-path>（含 project.config.json 的 appid 为 <appid>）

wxa-skills-validate 会依次执行：静态校验 → cli agent tool execute → cli agent render → 交付文档。

交棒步骤不可省略。仅输出代码不算完成，必须在对话中显式提示用户切换到校验 skill。