Works with the AI Agents you already use

    Claude CodeClaude CodeCursorCursorCodex CLICodex CLIMuseMuseDotsDots+22 more

    WeChat Mini Program Frontend Workflow / 微信小程序前端实践

    1

    A practical workflow for native WeChat Mini Program UI restoration, layout and Tab-state debugging, and DevTools checks. Detailed instructions in Chinese.

    $2

    Secure checkout via Stripe

    Money-back guarantee

    Converts to your local currency at checkout

    Security scanned
    WeChat Mini Program Frontend Workflow / 微信小程序前端实践

    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.

    a phone layout looks right. In a buyer project, inspect app.json

    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

    Listed6 days ago

    What's inside

    Frequently Asked Questions