skills.rest
study-yang
study-yangCOMMUNITY
Explore all skills by this author →
GitHub

miniprogram-development

Build, debug, preview, and publish WeChat Mini Programs with CloudBase integration guidance.

Updated May 14, 2026
Search Tags:#debugging#publishing#cloudbase#wx.cloud#wechat mini program#tabbar#miniprogram-ci
One-click install
npx skills add https://github.com/study-yang/Vieb-Coding-- --skill miniprogram-development-study-yang
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: miniprogram-development
Source: https://github.com/study-yang/Vieb-Coding--/tree/main/%E5%BE%AE%E4%BF%A1%E5%B0%8F%E7%A8%8B%E5%BA%8F-%E5%BF%AB%E8%AE%B0/.codebuddy/skills/miniprogram-development
Command: npx skills add https://github.com/study-yang/Vieb-Coding-- --skill miniprogram-development-study-yang

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve? Developing WeChat Mini Programs involves platform-specific conventions for project structure, page configuration, tabBar setup, preview and publishing workflows, and CloudBase integration that differ significantly from web development, and mistakes like mixing Web SDK auth patterns into wx.cloud projects cause broken implementations. ## Core Features & Use Cases - Project scaffolding and conventions: Enforces correct project structure, page-level .json config files, project.config.json validation, and appid checks before preview or upload. - Debug, preview, and publish workflows: Routes between WeChat Developer Tools for simulator debugging and real-device validation, and miniprogram-ci as a fallback for preview, upload, and npm build automation. - CloudBase integration: Provides login-free authentication patterns using wx.cloud and OPENID from cloud functions, plus database, storage, and cloud function capability boundaries. - Use Case: A developer asks to add a tabBar to their mini program; the skill defaults to a text-only custom tabBar, generates the app.json configuration, and verifies referenced assets exist to avoid compile failures. ## Quick Start Ask the assistant to create a new WeChat Mini Program page with routing and preview it using WeChat Developer Tools.

Frequently Asked Questions about miniprogram-development

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

FAQPage Schema
How do I preview and publish a WeChat Mini Program?▼

Use WeChat Developer Tools as the primary path for simulator debugging, preview, and real-device validation after confirming appid in project.config.json. If DevTools is unavailable, use miniprogram-ci for preview, upload, and npm build workflows.

How does authentication work in WeChat Mini Programs with CloudBase?▼

Mini programs using CloudBase are naturally login-free, so no login pages or flows should be generated. In cloud functions, retrieve the user identity via cloud.getWXContext().OPENID, and never port Web SDK authentication patterns into wx.cloud projects.

Should I use icons or text-only tabBar in a mini program?▼

Prefer a text-only custom tabBar by default with tabBar.custom set to true and only pagePath and text in app.json. Generate local icon assets with iconPath and selectedIconPath only when the user explicitly requires icon-based tabs.

Can I use miniprogram-ci without WeChat Developer Tools?▼

Yes, miniprogram-ci serves as the fallback path for preview, upload, and npm build automation when WeChat Developer Tools is unavailable. Confirm project.config.json settings and appid before running CI workflows.

When should CloudBase rules not be applied to a mini program project?▼

Do not apply CloudBase-specific auth, database, storage, or cloud function constraints unless the project explicitly uses CloudBase, wx.cloud, or 云开发. Treat standard mini program development as the default scope.

Related Skills

Explore More Software Engineering Skills→
xianmingyaoxianmingyao
1

auth-wechat-miniprogram

Initialize CloudBase and retrieve OPENID, APPID, and UNIONID via cloud.getWXContext().

Community
Advanced
TencentCloudBaseTencentCloudBase
72

miniprogram-development

Build, configure, and deploy WeChat Mini Programs with CloudBase integration.

Official
Advanced
mbpzmbpz

auth-wechat-miniprogram

Implement WeChat Mini Program authentication in CloudBase cloud functions.

Community
Intermediate
PostHogPostHog
713

building-canvases

Create and publish sandboxed browser canvas applications inside PostHog.

Official
Advanced