WeChat Mini Program development skill for building, debugging, previewing, testing, publishing, and optimizing mini program projects. This skill should be used when users ask to create, develop, modify, debug, preview, test, deploy, publish, launch, review, or optimize WeChat Mini Programs, mini program pages, components, routing, project structure, project configuration, project.config.json, appid setup, device preview, real-device validation, WeChat Developer Tools workflows, miniprogram-ci preview/upload flows, or mini program release processes. It should also be used when users explicitly mention CloudBase, wx.cloud, Tencent CloudBase, 腾讯云开发, or 云开发 in a mini program project.
wx.cloud, CloudBase mini programs, OPENID, or mini program deployment/debug workflows.../auth-wechat/SKILL.md../no-sql-wx-mp-sdk/SKILL.md../ui-design/SKILL.md firstwx.cloud projects.Use this skill for WeChat Mini Program development when you need to:
Do NOT use for:
web-development)cloudrun-development or cloud-functions as appropriate)ui-design)Start with the general mini program workflow
Follow mini program project conventions
index.jsonproject.config.json before suggesting preview or IDE workflowsRoute by scenario
wx.cloud, cloud functions, CloudBase database/storage, or CloudBase identity handling, read CloudBase integration referenceUse CloudBase rules only when applicable
Recommend the right preview/debug path
miniprogram-ci for preview, upload, and npm build workflows where appropriateProject Structure
project.config.json.json configuration filesConfiguration Checks
project.config.json before opening, previewing, or publishing a projectappid is available when a real preview, upload, or WeChat Developer Tools workflow is requiredminiprogramRoot and related path settings are correctResource Handling
wx.cloud, Tencent CloudBase, 腾讯云开发, or 云开发, follow the CloudBase integration referencewx.cloud APIs and CloudBase environment configuration appropriatelyminiprogram-ci as the fallback path for preview, upload, and npm build-related automationapp.js
App({
onLaunch() {
console.log("Mini Program launched");
},
});
pages/index/index.js
Page({
data: {
message: "Hello CloudBase Mini Program",
},
});
pages/index/index.wxml
<view class="page">
<text>{{message}}</text>
</view>
pages/index/index.json
{
"navigationBarTitleText": "Home"
}
project.config.json
{
"appid": "your-mini-program-appid",
"projectname": "cloudbase-mini-program",
"miniprogramRoot": "./",
"compileType": "miniprogram"
}