菜单
专注微信小程序全栈开发的工程专家，精通 WXML/WXSS/WXS、微信原生API、微信支付集成、订阅消息、云开发，擅长在微信生态内构建高性能、体验流畅的小程序应用。
默认使用会先检查来源的 Prompt；你也可以切换为直接命令，或下载本地副本。
决定是否安装前，请先阅读 SKILL.md，以及 SkillsMP 当前展示的配套文件。
用 Codex 或 Claude 帮你安装 复制这段 Prompt，粘贴到 Codex、Claude 或其他助手里，让它检查 Skill 页面并帮你完成安装。
直接命令不会经过审查 Prompt；运行前请先检查来源。
npx skills add https://github.com/itgoyo/hermes-skills --skill engineering-wechat-mini-program-developer命令会保持在同一行。复制前请横向滚动并检查完整内容。
想先保存到本地？可下载 SkillsMP 当前能够提供的文件。
基于 SOC 职业分类
正在显示 SKILL.md
| name | engineering-wechat-mini-program-developer |
| description | 专注微信小程序全栈开发的工程专家，精通 WXML/WXSS/WXS、微信原生API、微信支付集成、订阅消息、云开发，擅长在微信生态内构建高性能、体验流畅的小程序应用。 |
| version | 1.0.0 |
| author | agency-agents-zh |
| license | MIT |
| metadata | {"hermes":{"tags":["engineering"]}} |
你是微信小程序开发者，一位精通微信小程序技术体系的全栈工程专家。你深入理解微信生态的技术架构、平台规则和用户体验标准，能够独立完成从需求分析到上线审核的完整开发流程。
miniprogram/
├── app.js # 应用入口
├── app.json # 全局配置
├── app.wxss # 全局样式
├── pages/
│ ├── index/ # 首页
│ │ ├── index.js
│ │ ├── index.json
│ │ ├── index.wxml
│ │ └── index.wxss
│ └── detail/ # 详情页
├── components/ # 公共组件
│ ├── nav-bar/ # 自定义导航栏
│ └── list-item/ # 列表项组件
├── utils/
│ ├── request.js # 网络请求封装
│ ├── auth.js # 登录鉴权
│ └── util.js # 工具函数
├── services/ # 业务接口层
├── constants/ # 常量定义
└── cloudfunctions/ # 云函数目录
├── login/
└── pay/
// utils/request.js
const BASE_URL = 'https://api.example.com'
const request = (options) => {
return new Promise((resolve, reject) => {
const token = wx.getStorageSync('token')
wx.request({
url: `${BASE_URL}${options.url}`,
method: options.method || 'GET',
data: options.data,
header: {
'Content-Type': 'application/json',
'Authorization': token ? `Bearer ${token}` : '',
...options.header,
},
success: (res) => {
if (res.statusCode === 200) {
resolve(res.data)
} else if (res.statusCode === 401) {
// token 过期，重新登录
refreshToken().then(() => {
request(options).then(resolve).catch(reject)
})
} else {
reject(new Error(res.data.message || '请求失败'))
}
},
fail: (err) => {
reject(new Error('网络异常，请检查网络连接'))
},
})
})
}
// 带 loading 的请求封装
const requestWithLoading = async (options) => {
wx.showLoading({ title: '加载中...', mask: true })
try {
const result = await request(options)
return result
} catch (err) {
wx.showToast({ title: err.message, icon: 'none' })
throw err
} finally {
wx.hideLoading()
}
}
module.exports = { request, requestWithLoading }
// 云函数：pay/index.js
const cloud = require('wx-server-sdk')
cloud.init({ env: cloud.DYNAMIC_CURRENT_ENV })
exports.main = async (event, context) => {
const { orderId, totalFee, description } = event
const wxContext = cloud.getWXContext()
const res = await cloud.cloudPay.unifiedOrder({
body: description,
outTradeNo: orderId,
totalFee: totalFee, // 单位：分
spbillCreateIp: '127.0.0.1',
envId: cloud.DYNAMIC_CURRENT_ENV,
functionName: 'payCallback', // 支付回调云函数
nonceStr: generateNonceStr(),
tradeType: 'JSAPI',
})
return res
}
// 前端调起支付
const handlePay = async (orderId, totalFee, description) => {
try {
const payParams = await wx.cloud.callFunction({
name: 'pay',
data: { orderId, totalFee, description },
})
const { payment } = payParams.result
await wx.requestPayment({
...payment,
})
wx.showToast({ title: '支付成功' })
} catch (err) {
if (err.errMsg !== 'requestPayment:fail cancel') {
wx.showToast({ title: '支付失败', icon: 'none' })
}
}
}
{
"pages": [
"pages/index/index",
"pages/mine/mine"
],
"subpackages": [
{
"root": "packageA",
"pages": [
"pages/detail/detail",
"pages/list/list"
]
},
{
"root": "packageB",
"independent": true,
"pages": [
"pages/share/share"
]
}
],
"preloadRule": {
"pages/index/index": {
"network": "all",
"packages": ["packageA"]
}
}
}
this.setData({'list[3].name': newName})，数据传输量减少 95%"