Wechat Miniprogram Toolkit:用 Agent Skill 覆盖微信小程序全链路开发

前言

微信小程序和通用 Web 前端不是同一套约束:包体要卡在分包与 2MB 规则里,登录与支付要走微信开放能力,云开发、订阅消息、内容安全各有独立文档。平时靠搜索引擎拼片段,容易踩到已废弃的 API,或在分包、鉴权细节上反复试错。

下面介绍 SkillHub 上的 Wechat Miniprogram Toolkit。它把初始化、云开发、支付、分包分析等能力收进标准 SKILL.md 与 references/ 文档,让 Coding Agent 按任务加载对应章节,而不是每次从零检索官方文档。

这是什么

Wechat Miniprogram Toolkit(包名 wechat-miniprogram-toolkit,当前公开元数据版本 1.6.0,MIT 许可证)是面向微信小程序的 Agent Skill。SkillHub 分类为 dev-programming,社区评分 93834,累计下载 1574 次(截至任务线索中的平台统计)。

发布路径为 @user_64e5b706/wechat-miniprogram-toolkit。Skill 自述整合腾讯云侧常见实践、Skyline Worklet 规范与 CI/CD 参考,目标是从项目初始化到上线发布的一站式指引;框架级细节仍以微信开放文档为准。

官方入口:

  • API 地址:https://api.skillhub.cn/user_64e5b706/wechat-miniprogram-toolkit
  • 社区页面:https://www.skillhub.cn/skills/user_64e5b706/wechat-miniprogram-toolkit

核心功能

Skill 入口 SKILL.md 与分主题 references/*.md 覆盖下列模块(按官方描述整理):

  1. 工程与规范:项目目录、project.config.json、app.json 初始化(project-init.md)。
  2. 云开发:数据库、存储、云函数,含聚合查询与事务(cloud-dev.md)。
  3. 登录鉴权:openid / UnionID、手机号等(auth.md)。
  4. 微信支付:JSAPI、统一下单、支付通知、退款(payment.md)。
  5. 直播与实时音视频:live 组件与 TRTC 相关指引(live-stream.md)。
  6. 数据与增长:数据分析、埋点(analytics.md);分享、海报、朋友圈(share.md)。
  7. TypeScript:类型与泛型封装(typescript.md)。
  8. 云托管:容器化后端(cloudhosting.md)。
  9. 消息:客服消息、订阅消息(messaging.md)。
  10. 合规与跳转:内容安全审核(content-safety.md);APP 与小程序互跳、URL Scheme(miniapp-handoff.md)。
  11. 端能力:蓝牙、GPS、NFC、Wi-Fi、扫码等(hardware.md)。
  12. 性能与渲染:分包策略(subpackage.md);Skyline / Worklet(advanced-render.md);WXS 与性能(wxs-performance.md)。
  13. 工程化:CI/CD(ci-cd.md);Python 脚本 scripts/analyze_subpackages.py 做分包分析;references/error-log.md 记录错误与进化。

Skill 声明适用基础库:≥ 2.2.3(云开发)、≥ 3.0(Skyline)。明确不适用的场景包括:Web 端微信登录(需其他 skill)、非微信系小程序、以及强依赖非云开发商户后台直连且未覆盖的服务端形态。

安装与启用

先做安装,再在对话里用自然语言触发 Skill 内文档。公开资料给出两种安装方式,按你使用的工具链选择其一。

方式一:SkillHub CLI(Skill 快速上手中的写法)

skillhub install wechat-miniprogram-toolkit

未安装 CLI 时,Skill 说明可让 Agent 协助完成 SkillHub 环境准备。

方式二:secure-skills-cli(360 安全技能中心等镜像页列出的同款包)

npx secure-skills-cli add wechat-miniprogram-toolkit

安装完成后,Agent 应读取 Skill 根目录的 SKILL.md,并按「写代码前先读」表加载对应 references/ 文件。Cursor、Codex CLI、Claude Code 等客户端若已支持 Skill 目录或 SkillHub 集成,行为一致:以本地 Skill 包为准,无需额外配置文件(公开材料未给出各客户端差异说明时,不单独臆造路径)。

典型用法

经过上面的安装步骤,可以按下面几类任务复现官方示例。

1. 从零初始化项目

对 Agent 说明需求,例如:「帮我创建一个微信小程序项目,包含云开发、分包、登录功能」。Agent 应参照 references/project-init.md 生成目录与配置。

2. 上线前分包分析

在项目根目录准备好页面与资源后,让 Agent 运行分包脚本。命令形如:

python scripts/analyze_subpackages.py <项目目录> --main-max 2 --pkg-max 2

脚本会输出可并入 app.json 的分包配置片段。

3. 云开发 CRUD(片段示例)

Skill 文档中的数据库读写模式如下,Agent 生成业务代码时可对照:

const db = wx.cloud.database()
await db.collection('posts').add({ data: { title: '标题', _openid, createdAt: db.serverDate() } })
await db.collection('posts').where({ _openid: wx.getStorageSync('openid') }).get()
await db.collection('posts').doc(id).update({ data: { title: '新标题' } })
await db.collection('posts').doc(id).remove()

4. 登录与云函数鉴权

小程序端初始化云环境;openid 在云函数内通过上下文获取,避免前后端来回传递:

wx.cloud.init({ env: 'your-env-id', traceUser: true })
// 云函数内:const openid = cloud.getWXContext().OPENID

5. 可选:GitHub Actions 发布

对 Agent 说:「配置 GitHub Actions 自动发布」,应参照 references/ci-cd.md。项目侧如需上传审核,文档列出可选依赖 miniprogram-ci:

npm install miniprogram-ci -D

遇到报错时,Skill 建议先查「常见错误处理」表,再读对应 reference 的 Common Mistakes,或让 Agent「查看这个 skill 的错误台账」。

适用场景与注意

适合谁

  • 已在用 Coding Agent 写微信小程序,希望减少翻文档、废弃 API 和分包踩坑的开发者。
  • 需要云开发、支付、订阅消息、内容安全等「多条线并行」的中大型小程序,希望 Agent 按模块引用统一范本。

使用前准备(Skill 列出的平台侧事项)

  • 微信开发者工具、小程序 AppID、云开发环境;支付场景需商户号;CI/CD 场景可选 GitHub 仓库与 miniprogram-ci。
  • 账号注册与实名认证需本人在微信公众平台完成,Skill 只能覆盖代码与配置层。

限制与坑

  • 不要把 Web 登录页照搬到小程序;头像昵称应使用 chooseAvatar 与 type="nickname",勿依赖已废弃的 getUserInfo / getUserProfile。
  • 云函数内环境 ID 宜用 cloud.DYNAMIC_CURRENT_ENV;小程序端 wx.cloud.init 需使用字符串环境 ID。
  • 分包之间不要直接 require 跨包组件,可用云函数或 eventBus 解耦。
  • Skill 自述的「自我进化」会写入 error-log.md;团队若 fork 或二次分发,需自行评审变更。

结尾

Wechat Miniprogram Toolkit 把微信小程序高频能力拆成可检索的 reference,并附带分包分析脚本与错误台账,适合作为 Agent 侧的长期开发手册。若你要在 SkillHub 查看详情或安装,可打开:https://api.skillhub.cn/user_64e5b706/wechat-miniprogram-toolkit

羽毛球分组比赛记分
小程序二维码

欢迎使用《羽毛球分组比赛记分》微信小程序

小夜