A full-stack development expert for uni-app specializing in Vue 3 modernization and automated mini-program testing.
Install & Download
1. ClawHub CLI
The fastest way to install a skill directly from the registry.
npx clawhub@latest install uniapp-expert
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 uniapp-expert 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 UniApp Expert?
UniApp Expert is a specialized technical resource designed to streamline cross-platform mobile and web development within the uni-app ecosystem. By leveraging Openclaw Skills, developers can efficiently navigate the transition from Vue 2 to Vue 3, adopting the Composition API and Pinia for superior state management. This skill provides actionable migration checklists, handling everything from lifecycle hook updates to complex CSS deep selector conversions, ensuring that legacy codebases are modernized without compromising performance. Beyond development, it provides a robust framework for quality assurance by automating WeChat Mini-Program testing, allowing for scalable and reliable deployments.
UniApp Expert Use Cases
- Refactoring legacy uni-app codebases to Vue 3 using the script setup syntax.
- Setting up end-to-end automated testing workflows for WeChat Mini-Programs.
- Converting complex legacy Mixins into clean, reusable Composables for better type inference.
- Managing global state transitions from Vuex to Pinia in high-scale applications.
- Debugging and validating WXML elements using advanced selector strategies.
How UniApp Expert Works
- Scans existing uni-app project structures to identify legacy Vue 2 dependencies and patterns.
- Executes a structured migration checklist to update lifecycle hooks, global APIs, and template syntax.
- Implements the Vue 3 Composition API to refactor business logic into reusable modules.
- Configures the WeChat Developer Tools CLI to enable specialized automation ports (e.g., 9421).
- Runs Python-based automation scripts using the WeappTestRunner to validate UI interactions and generate reports.
UniApp Expert Setup
To initialize the environment for development and testing, use the following commands:
# Compile the uni-app project for WeChat
npm run dev:mp-weixin
# Enable automation in WeChat Developer Tools
# Navigate to Settings -> Security and toggle 'Enable Automation Port'
# Launch the automation CLI (Windows example)
& "C:\Program Files (x86)\Tencent\微信web开发者工具\cli.bat" auto --project "./unpackage/dist/dev/mp-weixin" --auto-port 9421
UniApp Expert Data Schema & Taxonomy
The skill manages project metadata and automation outputs through a structured taxonomy:
| Component | Description | Format |
|---|---|---|
| Source Code | Vue 2/3 pages and components | .vue, .js, .ts |
| Configuration | Application manifests and routing | manifest.json, pages.json |
| Automation Report | Comprehensive test summary and duration | test_report.json |
| Visual Evidence | Screenshots of automated test steps | .png |
| Selectors | WXML mapping for UI elements | Class, ID, Attribute |
UniApp Expert Advanced Features
- Automated transformation of CommonJS (require/module.exports) to ES Module (import/export) syntax.
- Integrated support for the WeappTestRunner API, enabling complex navigation and interaction chains.
- Intelligent handling of long strings and Base64 assets in CSS to prevent truncation during refactoring.
- Multi-page sequence validation and automated result summarization using Openclaw Skills.
- Strategic Composable recommendations for handling loading states, toasts, and modal logic.
SKILL.md
Loading
Related Openclaw Skills
Todo Management Skill
A comprehensive task management system for creating, organizing, and tracking todos with priorities and deadlines.
Todo Management Skill
A comprehensive task management system to create, prioritize, and track todos with deadlines and categories.
Yoga Skill
A comprehensive wellness skill providing guided yoga asanas, pranayama breathing exercises, and meditation sessions for physical and mental health.
Context Optimizer
An intelligent context management tool designed to analyze, refine, and modularize Openclaw workspace files to maximize AI performance.
Test Skill
A specialized utility designed to benchmark and validate the publishing workflow and structural integrity of Openclaw Skills.
GitHub Operations Skill
A fully autonomous GitHub management skill that enables AI agents to create repositories, push code, and manage releases without user intervention.
Featured*
