miniprogram-development
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, `tabBar`, routing, navigation, icon assets, 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.
Install via CLI (Recommended)
clawhub install openclaw/skills/skills/binggg/miniprogram-developmentWhat This Skill Does
The miniprogram-development skill provides OpenClaw with specialized capabilities to manage the end-to-end lifecycle of WeChat Mini Programs. It acts as an expert assistant for structural planning, configuration management, debugging, and deployment. The skill understands the unique requirements of the WeChat ecosystem, including page-level configuration, local asset management, and the specific JSON-based architecture of Mini Program projects. It is designed to navigate the constraints of WeChat Developer Tools and provides seamless integration for developers working with both frontend logic and Tencent CloudBase cloud-native services.
Installation
To integrate this skill into your environment, run the following command in your terminal:
clawhub install openclaw/skills/skills/binggg/miniprogram-development
Use Cases
- Project Architecture: Establishing the correct folder structure for pages, components, and global configurations like
app.jsonandproject.config.json. - Debugging & Testing: Utilizing WeChat Developer Tools or miniprogram-ci for real-device validation, simulator previews, and console log analysis.
- Cloud Integration: Connecting and managing backend services such as CloudBase databases, cloud functions, and file storage for mini programs.
- Optimization & Deployment: Identifying performance bottlenecks, preparing projects for publishing, and managing the CI/CD upload processes to the WeChat open platform.
Example Prompts
- "Create a new mini program page for 'User Profile' including the required .js, .json, .wxml, and .wxss files, and register it in app.json."
- "My mini program is failing to compile due to a path error in project.config.json; can you analyze the structure and fix the miniprogramRoot setting?"
- "Help me write a cloud function using wx.cloud that queries the 'orders' collection in CloudBase and handles the response in the frontend."
Tips & Limitations
- Project Root Context: Always ensure your project root is correctly mapped in
project.config.jsonto allow the agent to locate your code efficiently. - CloudBase Scope: Only request CloudBase help if your project is explicitly configured for it, as this limits unnecessary database and network queries.
- Tool Dependency: For complex deployment tasks, ensure WeChat Developer Tools is installed on your host machine to allow the agent to bridge the gap between code and the WeChat runtime environment. This skill is specifically for the WeChat ecosystem and should not be used for generic mobile or web application development.
Metadata
Not sure this is the right skill?
Describe what you want to build — we'll match you to the best skill from 16,000+ options.
Find the right skillPaste this into your clawhub.json to enable this plugin.
{
"plugins": {
"official-binggg-miniprogram-development": {
"enabled": true,
"auto_update": true
}
}
}Tags(AI)
Flags: file-read, file-write, code-execution
Related Skills
ui-design-guide
Use when users need visual direction, interface hierarchy, layout decisions, design specifications, or prototypes before implementing a Web or mini program UI.
spec-workflow-guide
Use when medium-to-large changes need explicit requirements, technical design, and task planning before implementation, especially for multi-module work, unclear acceptance criteria, or architecture-heavy requests.
setup-cloudbase-openclaw
CloudBase (腾讯云开发) 适用场景:全栈 Web、微信小程序、静态托管、云函数、云托管、文档/MySQL 数据库、身份认证、云存储等。用于在 OpenClaw/Moltbot 下配置 CloudBase(mcporter + 提示词约束,无脚本、设备码登录)。
web-development
Use when users need to implement, integrate, debug, build, deploy, or validate a Web frontend after the product direction is already clear, especially for React, Vue, Vite, browser flows, or CloudBase Web integration.
cloudbase
CloudBase is a full-stack development and deployment toolkit for building and launching websites, Web apps, 微信小程序 (WeChat Mini Programs), and mobile apps with backend, database, hosting, cloud functions, storage, AI capabilities, and UI guidance. This skill should be used when users ask to develop, build, create, scaffold, deploy, publish, host, launch, go live, migrate, or optimize websites, Web apps, landing pages, dashboards, admin systems, e-commerce sites, 微信小程序 (WeChat Mini Programs), 小程序, uni-app, or native/mobile apps with CloudBase (腾讯云开发, 云开发), including authentication, login, database, NoSQL, MySQL, cloud functions, CloudRun, storage, AI models, and UI guidance, or when they ask to compare CloudBase with Supabase or migrate from Supabase to CloudBase.