launch-wechat-miniprogram

Guides WeChat Mini Program projects from requirements through design, development, review, and release.

64|4|Updated Aug 11, 2026
One-click install
npx skills add https://github.com/niuhuoshan/launch-wechat-miniprogram --skill launch-wechat-miniprogram-niuhuoshan
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: launch-wechat-miniprogram
Source: https://github.com/niuhuoshan/launch-wechat-miniprogram
Command: npx skills add https://github.com/niuhuoshan/launch-wechat-miniprogram --skill launch-wechat-miniprogram-niuhuoshan

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve? Beginners often do not know what to confirm first when building a WeChat Mini Program: when an AppID is needed, whether ICP filing or a cloud backend is required, and how HTML prototypes differ from the real mini program. This Skill fixes the process into four gated stages (design, environment, development, release) so nothing is assumed or skipped. ## Core Features & Use Cases - Gated requirements workflow: Asks 3-5 route-changing questions before any design or code, requiring explicit confirmations for requirements, MVP scope, UI direction, and prototype. - Native UI design gate: Generates three phone-frame HTML options (WeUI native, TDesign branded, differentiated) with capsule, safe-area, and tabBar constraints mapped to WXML/WXSS. - Deterministic validation scripts: Read-only Python scripts check project config, missing pages, subpackages, local tabBar PNGs, cloud functions, and project state consistency. - Release and review gates: Covers tester versions, reviewer reachability, privacy API consistency, anti-inducement checks, and L1-L7 evidence-level verification. - Use Case: A user says "I want a score-keeping mini program for card games." The Skill first asks about gameplay, scoring, multi-user access, and data retention, then walks them through UI options, AppID setup, development, testing, and App Store review submission. ## Quick Start Tell your agent: use the launch-wechat-miniprogram skill to help me build a WeChat Mini Program from my idea, starting with requirement confirmation.

Frequently Asked Questions about launch-wechat-miniprogram

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

FAQPage Schema
How do I build a WeChat Mini Program from scratch as a beginner?

Follow the four gated stages: design (requirements, MVP scope, three UI options, high-fidelity prototype), environment (account, AppID, devtools, filing), development (WXML/WXSS implementation, testing), and release (upload, trial version, review, publish). Each gate requires explicit confirmation before proceeding.

Does a WeChat Mini Program need a cloud backend?

Not by default. Use plain-language checks: must data survive phone changes, be shared across users, or support uploads and admin management? If none apply, static content or local storage suffices. Tencent CloudBase is only introduced after the user confirms costs and extra steps.

Can I use web UI frameworks or Tailwind for WeChat Mini Program design?

No. Core visuals must map to WXML/WXSS, native components, WeUI, TDesign MiniProgram, Vant Weapp, or local images. Remote fonts, CDNs, Three.js, GSAP, and modern CSS like backdrop-filter are prohibited as core visuals because they cannot be reproduced in the mini program runtime.

What does the validate_miniprogram_artifacts.py script check?

It read-only checks project.config.json and app.json parsing, miniprogramRoot, page and subpackage file sets, local components, native tabBar local PNG icons, cloudfunctionRoot, referenced cloud functions, and packOptions that would exclude runtime files. Passing only counts as L1 static evidence, not compile or device verification.

Why must tabBar icons be local PNG files in WeChat Mini Programs?

The native tabBar requires iconPath and selectedIconPath pointing to real local PNG files inside the project. Network images, SVG, iconfont, and emoji are not supported. Custom tabBars are only used when native capabilities cannot satisfy the confirmed design, with extra development and testing cost.

How are dangerous operations like real payments handled during testing?

Real payments, refunds, orders, account deletion, data clearing, and real notifications are recorded as safely skipped by default. They execute only after the user explicitly authorizes the specific target, environment, and impact, preferably in a test environment, and the authorization never extends to batch runs.