skills.rest
mymx2
mymx2COMMUNITY
Explore all skills by this author →
GitHub

wechat-miniprogram

Provides WeChat Mini Program development guidance for WXML, WXSS, and cloud integration.

4|Updated Jun 10, 2026
Search Tags:#frontend#wechat#cloud development#wxml#miniprogram#wxss
One-click install
npx skills add https://github.com/mymx2/foreman --skill wechat-miniprogram-mymx2
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: wechat-miniprogram
Source: https://github.com/mymx2/foreman/tree/main/.qoder/skills.collected/skills/wechat-miniprogram
Command: npx skills add https://github.com/mymx2/foreman --skill wechat-miniprogram-mymx2

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This skill addresses the complexity of WeChat Mini Program development by providing a centralized, structured knowledge base for WXML, WXSS, WXS, and WeChat-specific APIs, reducing the time spent searching through fragmented official documentation.

Core Features & Use Cases

  • Framework Guidance: Provides clear patterns for App and Page lifecycles, data binding, and event handling.
  • Cloud Development Integration: Offers quick access to WeChat Cloud development (云开发) and Cloud Run (云托管) workflows.
  • Use Case: When building a new feature, use this skill to quickly reference the correct lifecycle hooks for a custom component or to implement secure cloud function calls without manually navigating the official developer portal.

Quick Start

Use the wechat-miniprogram skill to explain the lifecycle methods for a custom component and provide a code example for data binding.

Frequently Asked Questions about wechat-miniprogram

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

FAQPage Schema
How do I implement page lifecycles and data binding in a WeChat Mini Program?▼

Implement WeChat Mini Program page lifecycles and data binding by referencing the App and Page lifecycle hooks, utilizing WXML for data binding syntax, and handling events to manage UI updates efficiently.

What is the best way to integrate WeChat Cloud Development functions into a Mini Program?▼

Integrate WeChat Cloud Development by following standardized coding patterns for cloud function calls and Cloud Run workflows, allowing you to securely connect backend services without manually navigating developer documentation.

How does WXS work with WXML and WXSS in WeChat Mini Program component architecture?▼

WXS works with WXML and WXSS by providing script execution within the view layer, enabling you to format data and build custom component architectures while keeping styling and structure separate.

Can I use this Skill to reference WeChat Mini Program API calls and component patterns?▼

Yes, the Skill provides a centralized knowledge base for WeChat-specific APIs and standardized coding patterns, facilitating efficient implementation of component architecture and API calls for your Mini Program projects.

Why does WeChat Mini Program development require referencing WXML and WXSS instead of standard HTML and CSS?▼

WeChat Mini Programs require WXML and WXSS because they are specialized markup and styling languages designed for the WeChat ecosystem, ensuring optimized rendering and native component integration not possible with standard web formats.

Related Skills

Explore More Software Engineering Skills→
neitui-coderneitui-coder

miniprogram-development

Develop, debug, and publish WeChat Mini Program projects.

Community
Advanced
lance-doniflance-donif

auth-wechat-miniprogram

Retrieve verified WeChat user identity data in CloudBase cloud functions.

Community
Basic
neitui-coderneitui-coder

ai-model-wechat

Integrate text generation and streaming into WeChat Mini Programs via wx.cloud.extend.AI.

Community
Advanced
partme-aipartme-ai
610

uniapp-mini-guide

Guide uni-app mini program development with configuration, components, and API usage.

Official
Basic