WeChat Mini Program Full-Stack Toolkit
Paste the following prompt into your AI chat to install this skill:
Please follow https://skillhub.cn/install/skillhub.md to install @user_64e5b706/wechat-miniprogram-toolkit.
About this skill
What it solves
WeChat Mini Program projects often get stuck on engineering details rather than single APIs: unclear app.json subpackage structure, main bundle approaching 2MB, inconsistent cloud env, openid passed from client to server, deprecated wx.getUserInfo usage, missing 'worklet' declarations in Skyline animations, and missing checks for payments, sharing, and analytics. This skill organizes those problems into actionable references instead of abstract guidance.
How it works
It follows a “read the relevant reference first, then code” workflow. Core capabilities include:
- Project initialization: directory structure,
project.config.json,app.json, and baseline config. - Cloud development: CRUD, aggregation, transactions, permission rules, and correct use of
cloud.DYNAMIC_CURRENT_ENV. - Auth and payments: avatar/nickname button flow, cloud-function auth, JSAPI orders, payment callbacks, refunds, and signature debugging.
- Subpackages and performance: subpackage analysis with
analyze_subpackages.py, 2MB limits, cross-packagerequire, precisesetData, and WXS optimization. - Advanced scenarios: Skyline Worklet animations, live/RTC, cloud hosting, content safety, app handoff, hardware features, and optional CI/CD.
The key step is mapping the task to the right document: cloud-dev.md for cloud, payment.md for payments, advanced-render.md for Skyline. When an error appears, it matches the common error table to identify root causes such as env, permissions, signatures, Worklet declarations, and subpackage paths.
Boundaries
It targets WeChat Mini Programs, especially cloud development, subpackages, Skyline, WXS, and CI/CD. It is not suitable for Douyin/Alipay mini programs, web-side WeChat login, or merchant-backend direct integration that requires server SDKs. Account registration, AppID, merchant account, and cloud environment activation still require manual work; the skill focuses on code structure, configuration, troubleshooting, and engineering checks.
Use Cases
- Before release, check main bundle size and subpackage paths, then use analyze_subpackages.py to generate app.json.
- Debug cloud function 500, database permission denied, or env mismatch by checking cloud.init and permission rules.
- Refactor login and avatar/nickname capture by replacing deprecated wx.getUserInfo with buttons and cloud function auth.
- Debug Skyline Worklet animations or SharedValue issues by adding the 'worklet' declaration and calling JS thread.
Best For
- Front-end engineer responsible for mini program release checks, needing to debug 2MB bundle size, subpackage paths, and setData stutter.
- Full-stack engineer maintaining cloud development backends, needing to configure cloud function env, database permissions, aggregation, and transactions.
- Full-stack engineer delivering mini program payment and login, needing to verify JSAPI signatures, order callbacks, and refund status.
- Client engineer building campaign pages and motion effects, needing to implement Skyline Worklet animations without blocking the main thread.
Related Skills
A systematic code error fixing skill that follows a five-step workflow: Reproduce, Isolate, Understand, Fix, Verify, to help developers resolve code errors.
Supports inline SVG/HTML rendering and Mermaid code output, covering common technical diagram creation like architecture and flow diagrams.
Publish HTML, static assets, or build output as a public link, with account management, update, deletion, and AI safety review.
A comprehensive browser automation guide covering navigation, interaction, multi-tab management, and data collection, tailored for domestic web ecosystems and tools like Playwright/Selenium.