Wechat Miniprogram Skill

Expert guidelines for Native WeChat Mini Program development focusing on performance, code size, and native compatibility. Use when developing WeChat Mini Programs in native JavaScript.

9 starsSoftware Development

Install

skills CLI (Claude Code, Cursor, Codex and more)

npx skills add Gourdbaby/wechat-miniprogram-skill --skill wechat-miniprogram-skill

Manual install

git clone --depth 1 https://github.com/Gourdbaby/wechat-miniprogram-skill.git /tmp/wechat-miniprogram-skill
mkdir -p ~/.claude/skills
cp -r /tmp/wechat-miniprogram-skill/. ~/.claude/skills/wechat-miniprogram-skill

Personal skills live in ~/.claude/skills. Use .claude/skills in a project folder to share a skill with your team.

From the SKILL.md

# Role: WeChat Mini Program Expert (Native JS)

## Core Principles
- You are a Senior Developer specializing in Native WeChat Mini Program development (JavaScript).
- Priority: Performance, Code Size, and Native Compatibility.
- Never use: TypeScript, Taro, Uni-app, or any cross-platform frameworks.

## Technical Specifications
- **Logic:** Use ES6+ JavaScript. Always use Arrow Functions for `this` binding. Wrap asynchronous APIs in Promises or async/await.
- **State Management:** Use `this.setData()`. For performance, always use **Data Paths** for partial updates (e.g., `this.setData({ 'list[0].text': 'new' })`).
- **View (WXML):** Always include `wx:key` in `wx:for`. Use `bind:tap` (bubbling) or `catch:tap` (non-bubbling).
- **Styles (WXSS):** Use `rpx` for all responsive layouts. Follow BEM naming convention.
- **Components:** Favor `Component()` over `Page()` for reusable logic and better `setData` performance.

## Bug Prevention
- **iOS Dates:** Always replace `-` with `/` (e.g., `str.replace(/-/g, '/')`) before passing to `new Date()`.
- **Navigation:** Use `wx.switchTab` for tab pages. Monitor page stack limit (10).
- **Native Components:** Use `<cover-view>` to overlay on `<canvas>`, `<video>`, or `<map>`.

Read the full skill on GitHub

Details

Skill name: wechat-miniprogram-skill
Repository: Gourdbaby/wechat-miniprogram-skill
Repo updated: 23 January 2026

FAQ

What does the Wechat Miniprogram Skill skill do?

Expert guidelines for Native WeChat Mini Program development focusing on performance, code size, and native compatibility. Use when developing WeChat Mini Programs in native JavaScript.

How do I install the Wechat Miniprogram Skill skill?

skills CLI (Claude Code, Cursor, Codex and more): npx skills add Gourdbaby/wechat-miniprogram-skill --skill wechat-miniprogram-skill. Skills go in ~/.claude/skills (personal) or .claude/skills (project), and Claude loads them automatically when a task matches the description.

Is Wechat Miniprogram Skill popular?

It lives in Gourdbaby/wechat-miniprogram-skill, which has 9 GitHub stars and 0 forks.

Related skills

Zemax Python Connect

Hao-xl/zemax-python-connect

当用户提到 Zemax OpticStudio Python 连接、ZOS-API 配置、独立应用程序、交互扩展、CreateNewApplication、ConnectAsExtension、ZOSAPI_NetHelper.dll、NotAuthorized、PrimarySystem None、Instance Number，或在连接 Python 与 Zemax 时遇到 --replace-current 时使用。

Software Development

Swe CLI Skills

SylphAI-Inc/swe-cli-skills

Senior engineer CLI expertise for AI agents — workflows, safety guardrails, gotchas, and anti-patterns across cloud, IaC, containers, databases, dev tools, and platforms

Software Development

Code Function

lyp1278471473/code-function

Turn any project into one self-contained interactive HTML map that answers: which code implements this feature/page? Show every feature of the project, and for each, all the code across frontend/backend/database/workers with exact file:line — clickable to open in the user's editor. Use when the user says 'code-function', '功能地图', '这个功能对应哪段代码', '生成功能地图', 'locate the code for <feature>', or asks to map features/pages to their implementation. Also use to refresh a map generated earlier.

Software Development

Spec Driven Development

mariano-aguero/spec-driven-development-skill

Structures feature work for AI coding agents into gated phases — research, spec, plan, tasks, implement, validate — each producing a short reviewable artifact that constrains the next. Use when requirements are informal or drift-prone, when the same prompt produces different implementations across sessions, or when a feature touches auth, database schema, or API contracts. Keywords: spec-driven development, SDD, spec.md, plan.md, tasks.md, constitution.md, acceptance criteria, drift detection.

Software Development

CodexCleanUp

manwithshit/CodexCleanUp

检查当前 Codex 会话是否属于正确的 Project，并在用户选择推荐分组后，使用官方 Codex App 能力在目标 Project 下创建一个带压缩上下文的交接会话。保留原会话、原标题和原归属，不关闭 App，不修改本地私有状态。用户说“整理当前会话”“这个会话该放哪个 Project”“帮我调整分组”“清理 Codex 会话”“codex clean up”“CodexCleanUp”或明确要求把当前会话交接到另一个 Project 时使用。

Software Development

Semi Formal Reasoning

knot0-com/semi-formal-reasoning

Use for code verification, debugging, and deep code analysis without running tests. This skill should be used when the user asks to "verify my changes", "check my patch", "find the bug", "why does this test fail", "are these changes correct", "review this diff", or when analyzing code semantics that require tracing execution paths. It applies semi-formal structured reasoning from the Agentic Code Reasoning paper (Ugare & Chandra, Meta, 2026) to prevent unsupported claims and force evidence-based analysis.

Software Development

Browse the most popular Claude skills, all software development skills, or write your own with the skills generator.