A comprehensive development toolkit for building, configuring, and optimizing high-performance WeChat Mini Programs.
Install & Download
1. ClawHub CLI
The fastest way to install a skill directly from the registry.
npx clawhub@latest install wechat-miniprogram-skill
2. Manual Installation
Copy the skill folder to one of these locations
~/.openclaw/skills/ <project>/skills/ Priority: Workspace > Local > Bundled
3. Prompt Installation
Copy this prompt to OpenClaw to install it automatically.
Help me install wechat-miniprogram-skill using Clawhub. If Clawhub is not installed, install it first (npm i -g clawhub).
Prefer to download?
Get the raw skill files in a ZIP archive.
What is WeChat Mini Program Development Skill?
The WeChat Mini Program development skill provides an end-to-end framework for creators looking to build applications within the WeChat ecosystem. Unlike traditional web development, this skill leverages a dual-thread rendering model to ensure a smooth, native-like user experience. It bridges the gap between web ease-of-use and mobile performance, making it an essential addition to Openclaw Skills.
By utilizing this skill, developers gain deep insights into the unique technical constraints and advantages of the WeChat framework, such as local resource loading, powerful hardware access (camera, voice, payments), and the specific WXML/WXSS template languages that replace standard HTML/CSS.
WeChat Mini Program Development Skill Use Cases
- Creating lightweight ecommerce storefronts directly accessible within the WeChat app.
- Building utility tools that require native hardware access like GPS location or mobile payments.
- Developing enterprise service portals for rapid deployment without app store friction.
- Prototyping cross-platform mobile experiences using Openclaw Skills for faster iteration.
How WeChat Mini Program Development Skill Works
- Initialize the project structure with required global configuration files like app.json and app.js.
- Define application pages within the pages directory, establishing the logic (JS), layout (WXML), and styling (WXSS).
- Register page lifecycles using the Page() constructor to handle events like onLoad and onPullDownRefresh.
- Implement data binding and conditional rendering using the WXML template syntax.
- Integrate system capabilities via the wx API for network requests, routing, and local data persistence.
- Optimize the codebase to comply with the 2MB main package size limit and HTTPS security requirements.
WeChat Mini Program Development Skill Setup
To begin using this skill within your development environment, ensure you have the WeChat DevTools installed. You can structure your Openclaw Skills workspace using the following directory layout:
mkdir my-mini-program && cd my-mini-program
touch app.js app.json app.wxss
mkdir pages utils components
Ensure your app.json includes the mandatory pages array to register your entry point.
WeChat Mini Program Development Skill Data Schema & Taxonomy
The skill organizes data through a strictly hierarchical file system and a reactive data-binding model:
| File Type | Purpose | Description |
|---|---|---|
app.json |
Global Config | Defines page routes, window styles, and tab bar settings. |
project.config.json |
Project Metadata | Stores IDE settings and AppID information. |
Page.data |
Local State | An object containing the initial data for a specific page. |
Storage |
Persistent Data | Handled via wx.setStorageSync for local key-value caching. |
WXML |
Structural Data | Uses {{ }} mustache syntax for dynamic data rendering. |
WeChat Mini Program Development Skill Advanced Features
- Multi-package loading (Sub-packaging) to manage total code size up to 20MB.
- Custom Component architecture for building reusable UI elements with independent properties and methods.
- Inter-agent communication protocols for passing data between pages and components via
triggerEvent. - Domain white-listing and automated HTTPS enforcement for secure backend synchronization within Openclaw Skills.
SKILL.md
Loading
Related Openclaw Skills
OpenClaw DG-Lab V3 Plugin
An OpenClaw plugin to control DG-Lab Coyote V3 electro-stimulation devices through WebSocket and AI-driven emotion triggers.
Visual Note Prompt Generator
A professional AI prompt engineer designed to transform brief text into standardized, visual knowledge card prompts.
Quantum Technology Career Roadmap
A personalized guidance platform that generates structured learning roadmaps for professionals and students entering the quantum technology sector.
Agpair
Agpair is a command-line control surface that allows AI agents to delegate execution tasks to Antigravity while maintaining strict oversight and health monitoring.
Claude Certified Architect (CCA) Learning Navigator
A comprehensive study guide and navigation hub designed to help developers pass the Anthropic Claude Certified Architect (CCA) certification.
Team Efficiency Daily Report
An automated workflow for capturing dashboard metrics and generating comprehensive daily team efficiency reports.
Featured*
