An AI agent skill designed to help non-engineers and product managers build, iterate, and launch WeChat Mini-Program MVPs from scratch using Vibe Coding methodologies.
Install & Download
1. ClawHub CLI
The fastest way to install a skill directly from the registry.
npx clawhub@latest install miniprogram-vibe-coding-starter
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-vibe-coding-starter 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 Vibe Coding Starter?
The WeChat Mini-Program Vibe Coding Starter is a comprehensive guide and AI framework tailored for non-technical creators, product managers, and beginners. It leverages the concept of vibe coding—allowing users to direct the product vision and acceptance criteria while the AI handles task decomposition, explanation, and code generation. This skill guides teams through the entire lifecycle of building a WeChat Mini-Program MVP, turning abstract, vague ideas into highly structured, executable developer tasks.
By prioritizing a user-first, step-by-step approach, this skill ensures that development is fast, modular, and error-resistant. It keeps the user in control of key architectural decisions, offering clean comparative frameworks and lightweight implementations like WeChat Cloud Development and native WXML/WXSS/JS. Integrating this into your suite of Openclaw Skills bridges the gap between raw product intent and production-ready mini-programs without requiring deep technical expertise.
WeChat Mini-Program Vibe Coding Starter Use Cases
- Clarifying fuzzy product ideas and translating them into concrete WeChat Mini-Program requirements.
- Defining the absolute shortest paths for MVPs to minimize development overhead and speed up time-to-market.
- Scaffolding native WeChat WXML, WXSS, and JavaScript architectures with minimal dependencies.
- Drafting highly specific, atomic tasks for autonomous coding agents like Claude Code, Cursor, or WorkBuddy.
- Implementing low-risk backend storage using WeChat Cloud Development (云开发) or LocalStorage.
- Conducting pre-submission compliance, privacy, and sharing functionality audits.
How WeChat Mini-Program Vibe Coding Starter Works
- Clarify Intent: Translate fuzzy user requests into targeted scenarios (e.g., target user, core problems, MVP boundaries) instead of abstract technical queries.
- Map the Happy Path: Identify the core journey from home screen, user input, primary action, results, to sharing or saving.
- Select Tech & Scale: Determine the best storage and backend options (Local Storage vs Cloud DB) and output a comparative decision matrix.
- Task Decomposition: Break the implementation into micro-steps (Skeleton -> Data Schema -> Core Logic -> UI Tweaks -> Launch Checklist).
- Draft Agent Prompts: Generate atomic, step-by-step prompt files to feed into coding agents to ensure high-accuracy code output.
- Verification & Audit: Execute static checks, simulate real-device execution paths, and finalize Git versioning before submission.
WeChat Mini-Program Vibe Coding Starter Setup
This skill does not require complex local compilation or binary installations. It works by embedding the vibe coding workflow directly into your workspace. Ensure you have the WeChat Developer Tools (微信开发者工具) installed, then initialize your repository:
# Initialize a fresh directory for your mini-program
mkdir my-vibe-miniprogram && cd my-vibe-miniprogram
# Set up git for version control tracking
git init
# Run static syntax checks on JS files if needed
node --check pages/main/main.js
To maximize the utility of Openclaw Skills, structure your project.config.json file to prevent local documentation, testing scripts, and scratchpads from being packaged during compilation.
WeChat Mini-Program Vibe Coding Starter Data Schema & Taxonomy
Recommended Directory Structure
The starter skill enforces a lightweight, modular directory layout optimized for MVP stability:
mini-program/
├── app.js # App entry, state configuration, cloud init
├── app.json # Global routing & window configuration
├── app.wxss # Global stylesheets
├── pages/
│ ├── index/ # Homepage / Search
│ ├── main/ # Core operational viewport
│ └── result/ # Reports, output, and feedback views
├── utils/
│ ├── config.js # Environments, static constants
│ └── share.js # Shared utility functions for WeChat share handlers
└── cloudfunctions/ # On-demand serverless cloud functions
Data Modeling Blueprint
When presenting models to beginners, the skill maps complex JSON entities to simple analogies:
| Entity | Concept | Example Fields |
|---|---|---|
| Master Data | Business Card | restaurantId, courseName, price |
| Details Data | List / Array | menuItems, steps, specs |
| Mapping | Key / Index | categoryId, typeId, groupId |
| Local State | Transient Device Storage | sessionId, currentSelection |
| Cloud Storage | Shared Global Records | createTime, openid, status |
WeChat Mini-Program Vibe Coding Starter Advanced Features
- Agent Task Templates: Pre-configured atomic prompt blocks explicitly tailored for WorkBuddy, Cursor, Claude Code, and Knot Agent to prevent model hallucinations.
- Workload Estimation Matrix: Automatically rates developer tasks into size classes (XS to L) to decide when to segment agent prompts.
- Automated WeChat Share Configurations: Built-in boilerplate handlers for safe native sharing (onShareAppMessage and onShareTimeline).
- Cloud Development Decision Rules: Logical parameters to determine whether a feature is suited for low-risk local persistence or WeChat serverless cloud backends.
- Compliance and Privacy Scanners: Structural guidelines ensuring that your MVP requests minimal device permissions, boosting approval rates in the WeChat App Store.
SKILL.md
Loading
Related Openclaw Skills
Scientific Figure Analysis
An end-to-end multi-stage pipeline that extracts figures from scientific PDFs, analyzes them with Kimi K2.6 multimodal vision AI, and reverse-engineers their generation workflows.
CodeGraph Assistant
An automated wrapper for npm codegraph that simplifies codebase indexing, structural search, impact analysis, and context injection for AI programming.
wutrix
An intelligent film pre-production toolkit designed to seamlessly capture creative ideas, manage scripts, organize character details, and research worldviews directly from your AI workspace.
Artifact Gallery
Converts local files generated by headless AI agents into secure, mobile-accessible HTTPS viewer links.
PDF to Structured JSON
A zero-configuration, intelligent document parsing skill powered by Laiye ADP that converts PDFs, images, and Office documents into structured JSON layouts.
Edgar Risk Diff
A command-line tool and AI skill that instantly extracts and compares the SEC 10-K Risk Factors section (Item 1A) across different filing years for any US-listed company.
Featured*
