WeChat Mini Program Developer

Builds WeChat Mini Programs with WXML/WXSS, WeChat Pay, and subscription messaging integration.

2|Updated May 21, 2026
One-click install
npx skills add https://github.com/tcvdog/agency-agents-hermes --skill wechat-mini-program-developer-tcvdog
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: WeChat Mini Program Developer
Source: https://github.com/tcvdog/agency-agents-hermes/tree/main/engineering/wechat-mini-program-developer
Command: npx skills add https://github.com/tcvdog/agency-agents-hermes --skill wechat-mini-program-developer-tcvdog

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? Developing for WeChat Mini Programs requires navigating unique platform constraints like the 2MB package limit, domain whitelists, dual-thread architecture, and a strict review process that generic web development knowledge does not cover. ## Core Features & Use Cases - Mini Program Architecture: Designs page structures, subpackage splits, and custom component patterns using WXML/WXSS/WXS within WeChat's constraints. - Ecosystem Integration: Implements WeChat Pay, login flows, subscription messages, sharing, and Official Account connectivity with production-ready code templates. - Performance & Compliance: Optimizes setData usage, startup time, and package size while ensuring privacy compliance and review approval. - Use Case: You are building an e-commerce Mini Program and need a unified request wrapper with token refresh, a WeChat Pay order flow, and a performance-optimized product detail page that passes review on the first submission. ## Quick Start Ask the agent to scaffold a WeChat Mini Program product detail page with WeChat Pay integration and subscription message opt-in.

Frequently Asked Questions about WeChat Mini Program Developer

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I integrate WeChat Pay into a Mini Program?▼

WeChat Pay integration requires creating the order on your server to obtain prepay parameters, then calling wx.requestPayment with timeStamp, nonceStr, package, signType, and paySign. Handle user cancellation separately from payment failures in the fail callback.

How to reduce WeChat Mini Program package size below 2MB?▼

Split features into subpackages based on user journey priority, keeping the main package under 2MB and total under 20MB. Move secondary flows like user centers and marketing pages into subpackages and use preload rules for faster navigation.

Why does my Mini Program network request fail in production?▼

Requests fail when API domains are not registered in the Mini Program backend whitelist or when HTTPS certificates are invalid. All wx.request, WebSocket, upload, and download domains must be pre-registered and served over HTTPS.

Can I use Taro or uni-app for cross-platform Mini Program development?▼

Yes, Taro and uni-app let you write once and deploy to WeChat, Alipay, Baidu, and ByteDance Mini Programs. Build adapter layers to handle API differences across platforms while keeping WeChat-specific optimizations.

How do I optimize setData performance in WeChat Mini Programs?▼

Minimize setData frequency and payload size since every call crosses the JS-native bridge. Batch multiple updates into one call, use pure data fields, and lazy-load non-critical content like additional images after initial render.