miniprogram-development

Guide WeChat Mini Program development from setup to deployment.

Updated Mar 10, 2026
One-click install
npx skills add https://github.com/xongtao/openclaw-backup --skill miniprogram-development-xongtao
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: miniprogram-development
Source: https://github.com/xongtao/openclaw-backup/tree/main/skills/cloudbase/references/miniprogram-development
Command: npx skills add https://github.com/xongtao/openclaw-backup --skill miniprogram-development-xongtao

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This skill provides end-to-end guidance for WeChat Mini Program development, covering project setup, file structure, debugging, preview, and deployment to help teams deliver robust mini program projects faster without misconfigurations or toolchain issues.

Core Features & Use Cases

  • Organize mini program projects according to WeChat DevTools workflows, including pages, components, and config files.
  • Debug, preview, and publish mini programs using WeChat Developer Tools or miniprogram-ci, with CloudBase integration as needed.
  • Validate project configuration like project.config.json and miniprogramRoot, ensure appid availability for real-device previews, and adopt CloudBase patterns when the project uses wx.cloud.
  • Use case: you want to scaffold a new mini program, verify page routing and JSON config, and deploy to cloud environment with CloudBase.

Quick Start

Initialize a WeChat Mini Program project, verify project.config.json, and begin debugging with WeChat DevTools or miniprogram-ci for real-device validation.

Frequently Asked Questions about miniprogram-development

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

FAQPage Schema
How do I set up a WeChat Mini Program project structure correctly?

To set up a WeChat Mini Program project, organize pages, components, and configuration files according to WeChat DevTools workflows, ensuring correct project.config.json settings and accurate miniprogramRoot paths for proper validation.

What's the best way to debug and preview a WeChat Mini Program on a real device?

Debugging and previewing a WeChat Mini Program on real devices requires ensuring your appid is present in the configuration, then utilizing WeChat Developer Tools or miniprogram-ci for direct real-device validation and testing.

Does WeChat Mini Program development require an appid for real-device previews?

Yes, WeChat Mini Program development requires a valid appid to be present in your project configuration to enable real-device previews, alongside ensuring correct project.config.json settings and miniprogramRoot paths.

How do I integrate CloudBase APIs into my WeChat Mini Program?

Integrate CloudBase APIs into your WeChat Mini Program by adopting appropriate CloudBase patterns when the project actively uses wx.cloud, applying the required APIs during project setup, debugging, and deployment phases.

Why is my WeChat Mini Program configuration not working during deployment?

WeChat Mini Program configuration issues during deployment often stem from incorrect project.config.json settings, invalid miniprogramRoot paths, or missing appid availability required for real-device previews and publishing.