- Home
- Skills
- Frontend & Web Apps
- WeChat Mini Program Frontend Workflow / 微信小程序前端实践
Works with the AI Agents you already use
WeChat Mini Program Frontend Workflow / 微信小程序前端实践
A practical workflow for native WeChat Mini Program UI restoration, layout and Tab-state debugging, and DevTools checks. Detailed instructions in Chinese.
$2
WeChat Mini Program Frontend Workflow / 微信小程序前端实践
Example session with this skill installed
Inspect the included home.js and service.js example. Execute the packaged Node.js assertion check and explain what it verifies about Tab navigation and repeated service selection. Clearly separate this fixed logic demonstration from a real WeChat DevTools or buyer-project test.
- Read your context and instructions
- Compiled the wechat mini program
Scope
This demonstration uses only the fixed example included in the package. It does not connect to a cloud environment, modify a buyer project, or claim native visual verification.
Observed flow
The home page reads the requested service type, accepts only basic or premium, saves the choice in globalData, and opens the service Tab with wx.switchTab. The service page reads the selection in onShow, so returning to the same Tab after a different choice updates the displayed name and price.
Executed check
node examples/check-example.cjs
Actual stdout during packaging
PASS: repeated selection, Tab route, price display, invalid selection, failure feedback.
Assertions passed for basic → premium → basic: 基础设计 / 20元, 深化设计加选品 / 70元, then 基础设计 / 20元 again. An invalid service type produced no navigation and preserved the previous selection. Simulating navigation failure called the toast handler with 请重试.
Limits and next step
The check executes the example Page handlers with lightweight wx and app mocks. It verifies these logic paths only. It does not prove that an arbitrary project compiles, that every model uses the Skill correctly, or that a phone layout looks right. In a buyer project, inspect app.json and the existing state flow, adapt the smallest shared handler, run that project's checks, and click both service entries in WeChat DevTools. Record the actual page state and remaining limitations. No cross-model performance or sales claims are made.
Connects securely to your tools. The creator never sees your data.
About this skill
Maintain existing native WeChat Mini Programs with a practical workflow for WXML, WXSS, JavaScript and JSON.
The skill guides your coding agent to inspect the actual project and runtime directory, reuse existing components and artwork, trace page events and state transitions, and verify UI changes in WeChat DevTools. It is useful for screenshot-based restoration, duplicate text baked into artwork, layout clipping, and Tab navigation or selection-state problems.
Included
- The workflow Skill.
- Three acceptance exercises.
- A fixed Tab navigation/service-selection example with a Node.js assertion check.
The example was run successfully during packaging. This is not a benchmark across models or arbitrary buyer projects.
Requirements
Detailed instructions and exercises are in Chinese. The trigger description is bilingual. Your coding agent needs access to your project; native visual verification requires WeChat DevTools. Node.js is needed only for the optional included example, subject to the platform making supporting files available in the permitted execution environment. Existing uni-app or Taro projects retain their own workflow; this Skill focuses on native frontends.
Scope
This is a workflow and knowledge package. It does not include a complete mini program, backend, AI subscription or credits, publishing credentials, or personal consulting. Results depend on your agent, project and tools. No guarantee of error-free code, WeChat review approval or revenue. Agensi delivery, purchase and refund terms apply.
Price
US$2 one-time access. Agensi uses platform credit for skills priced below US$5. If a buyer has no credit balance, the platform currently requires a credit top-up starting at US$5; the remaining credit stays in the buyer's account subject to platform terms. This is a purchase, not a fee charged for every invocation.
How to use
Skills on Agensi run inside your AI agent. Copy the prompt, paste it into your agent, and it connects to Agensi and installs this skill for you. If a payment is needed, your agent shows it to you first.
Reviews
No reviews yet
Be one of the first to try it. Every listed skill passes our trust checks below.
Security scanned
Passed our 8-point scan before listing
Fresh listing
Recently published to Agensi
Money-back guarantee
Doesn't do what its page promises? You get your money back.
Trust & safety
Security scanned
Verified clean 6 days ago
- Passed all security checks, Safe to install