WeChat Mini Program Vibe Coding Starter
Paste the following prompt into your AI chat to install this skill:
Please follow https://skillhub.cn/install/skillhub.md to install @user_ce58ddb4/miniprogram-vibe-coding-starter.
About this skill
Problem
Non-engineers can describe a product idea but often get stuck on WeChat mini program structure, state, sharing, cloud development, and real-device validation. Asking an AI for a full build can lead to over-engineering, broad edits, and changes that cannot be verified.
How it works
- Translate a vague request into a product path: user, core scenario, and shortest loop, such as home page, submit, and view result.
- Prefer lightweight choices first: pages with
WXML,WXSS, andJS; local storage for personal state; WeChat Cloud Development only when data needs to cross users or devices. - Work in atomic tasks: before editing, list affected files, risks, and acceptance checks; after editing, summarize changes, self-tests, device paths, and rollback points.
- Flag high-risk features such as sharing, permissions, posters, location, and cloud functions; check
onShareAppMessage, avoid unnecessary permissions, and redeploy cloud functions before testing. - Compare options in tables and estimate work as
XS/S/M/Lto avoid large diffs.
Boundaries
It fits early mini program MVPs, beginner learning, and small validation loops. It is not intended for large backends, complex permission systems, high-concurrency payments, or production-grade architecture. Review, privacy, and real data still require WeChat rules and actual business validation.
Use Cases
- Turn a vague mini program idea into a shortest loop of home, submit, and result, then list next tasks.
- Add `onShareAppMessage`, menu config, and local-state limits to a share page, with device checks.
- Compare local storage, cloud database, and cloud functions on effort, risk, and acceptance before using cloud dev.
- Review Agent-generated mini program changes by must-fix, suggested, optional, and pass levels.
Best For
- Product owner building a first WeChat mini program MVP, needing ideas turned into verifiable tasks.
- Operations staff adding sharing, forms, or cloud development, needing fewer permissions and device checks.
- Independent developer using Cursor or Claude Code, needing atomic task templates and review grades.
- Mini program maintainer doing pre-release checks, needing config, ignored files, sharing, and permission review.
Related Skills
A systematic code error fixing skill that follows a five-step workflow: Reproduce, Isolate, Understand, Fix, Verify, to help developers resolve code errors.
Restores Lanhu designs to target framework code using schema JSON, design tokens, and image assets.
Automatically detects engineering or competition code, analyzes bugs, vulnerabilities, algorithm complexity, and edge cases, then produces risk-level findings with before/after fixes.
Supports inline SVG/HTML rendering and Mermaid code output, covering common technical diagram creation like architecture and flow diagrams.