Openclaw Skills for WeChat mini program development helps personal developers enforce structure, avoid common pitfalls, and optimize performance.
Install & Download
1. ClawHub CLI
The fastest way to install a skill directly from the registry.
npx clawhub@latest install miniprogram-dev-tool-free
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 miniprogram-dev-tool-free 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 Tool (Free)?
This Openclaw Skills package is a practical development companion for building WeChat mini programs with stronger structure, safer data binding, and better runtime performance. It focuses on the core areas personal developers need most: page and component organization, event and lifecycle handling, WXSS styling, and wx:key-driven list rendering efficiency.
Openclaw Skills also turns common mini program conventions into a repeatable workflow, making it easier to review code, spot errors early, and keep local development and preview steps aligned with best practices. The free edition is centered on single-project development, rapid specification lookup, and low-friction guidance for more maintainable miniprogram code.
WeChat Mini Program Development Tool (Free) Use Cases
- Personal WeChat mini program development and code generation
- Page and component structure review before implementation
- Data binding, event handling, and lifecycle troubleshooting
setDataperformance optimization and local path updates- List rendering optimization with
wx:key - WXSS styling checks and responsive unit usage (
rpx) - Local preview and basic debugging for single-project workflows
- Fast reference for mini program conventions, patterns, and anti-patterns
How WeChat Mini Program Development Tool (Free) Works
- Start by creating or opening a WeChat mini program project in the developer tool.
- Organize the project into clear page and component directories, keeping configuration separated by scope.
- Apply the skill's guidance to bind data with
<配置项>, wire events withbindorcatch, and follow the lifecycle usage rules. - Optimize list rendering by adding
wx:keyto every repeated collection. - Use local path updates in
setDatainstead of replacing entire objects when possible. - Preview and test locally, then inspect the output response and logs to confirm the task completed successfully.
- If an error occurs, use the returned error information to trace back to configuration, runtime, or network issues and apply the recovery steps.
- For advanced mini program pages or shared UI, extend the workflow with reusable components and
behaviors-style reuse patterns.
WeChat Mini Program Development Tool (Free) Setup
- Install and open the WeChat Developer Tools.
- Ensure Node.js is available for build-time workflows.
- Use an AI agent platform that can read and execute
SKILL.mdinstructions, such as Claude Code, Cursor, Codex, or Gemini CLI. - Provide the mini program AppID if you need cloud development or preview integration.
- Keep the free edition focused on single-project local development and preview.
- Follow the skill's directory and configuration conventions.
# Verify Node.js
node -v
# Open your mini program project in the WeChat Developer Tools
# (Run from the UI or your local project directory as appropriate)
# Optional: inspect project structure
find . -maxdepth 3 -type f | sort
- Use the built-in agent tools (
read,write,exec) to inspect files, apply changes, and validate output.
WeChat Mini Program Development Tool (Free) Data Schema & Taxonomy
The skill is organized around mini program project artifacts, configuration scopes, and structured execution output.
| Layer | Files / Fields | Purpose |
|---|---|---|
| Page structure | pages/<page>/index.wxml, index.wxss, index.js, index.json |
Define page markup, styles, logic, and page-level config |
| Component structure | components/<name>/<name>.wxml, .<name>.wxss, .<name>.js, .<name>.json |
Encapsulate reusable UI and behavior |
| App config | app.json |
Register pages, subpackages, and preload rules |
| Data binding | <配置项>, setData, event dataset values |
Drive UI updates and event payload flow |
| Lifecycle metadata | onLoad, onShow, onHide, onUnload |
Manage page initialization, refresh, and cleanup |
| Output format | success, data.result, data.execution_time, data.metadata, execution_log, error |
Return structured execution responses for agent workflows |
Key metadata taxonomy used by Openclaw Skills includes:
input_params: input-driven execution configurationconfig_options: runtime options for modify/reset/import-style operationsoutput_format: structured response formattingmetadata.version: output schema versioningmetadata.processor: skill processor identity
Project conventions emphasized by the skill:
- Keep page and component directories clearly separated
- Prefer local
setDatapath updates such aslist[0].name - Use unique keys in list rendering with
wx:key - Keep page-level JSON configuration isolated from global
app.json - Use
subpackagesandpreloadRulefor non-core pages when needed
WeChat Mini Program Development Tool (Free) Advanced Features
- Supports structured operations through
input_params, including create, query, modify, delete, export, save, and transform-style actions - Uses
config_optionsfor runtime behavior control, making Openclaw Skills flexible for different mini program tasks - Built around markdown instructions plus command execution, enabling agent-driven code generation and validation
- Includes reusable component patterns with
properties, custom methods, andtriggerEvent - Encourages lifecycle-aware page handling across
onLoad,onShow,onHide, andonUnload - Promotes performance best practices such as local
setDataupdates,wx:key, rpx usage, and image compression - Supports subpackage loading and
preloadRuleconfiguration for scalable mini program routing - Provides structured success/error output for reliable automation and debugging in Openclaw Skills
SKILL.md
Loading
Related Openclaw Skills
Minimalist Design System Free Edition
Openclaw Skills for the Minimalist Design System Free Edition helps developers inject a clean, modern design system into frontend projects with reusable tokens, components, and responsive rules.
Relux Works — AI-Native Development Studio Inquiry Skill
Openclaw Skills for discovering Relux Works services, reviewing fixed-price software packages, and submitting a consent-based project inquiry.
Hypertxt MCP Content Operations
Hypertxt is a controlled content-operations skill for inspecting, generating, reviewing, and publishing articles through the Hypertxt MCP server.
Database Admin Free
Openclaw Skills for database admin free helps AI agents design basic PostgreSQL tables, insert data, run simple queries, and manage safe transactions.
DHX Electronic Components Sourcing Agent
Openclaw Skills for DHX Tech turns BOMs, part numbers, and sourcing requests into real-time inventory checks, cross-references, and procurement-ready recommendations.
USCIS Case Status
A headless command-line skill that checks USCIS case status by receipt number using Selenium and undetected-chromedriver.
Featured*
