skills.rest
jiushiwon
jiushiwonCOMMUNITY
Explore all skills by this author →
GitHub

uniapp-standard-skill

Standardize uni-app WeChat Mini Program development with Vue 3, TypeScript, Pinia, SCSS, and Vite.

44|11|Updated Jun 1, 2026
Search Tags:#typescript#performance optimization#api architecture#pinia#uni-app#vue 3#wechat mini program
One-click install
npx skills add https://github.com/jiushiwon/wg-skills --skill uniapp-standard-skill
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: uniapp-standard-skill
Source: https://github.com/jiushiwon/wg-skills/tree/main/uniapp-standard-skill
Command: npx skills add https://github.com/jiushiwon/wg-skills --skill uniapp-standard-skill

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill prevents inconsistent uni-app implementations by providing a unified technical standard for project structure, API communication, performance, state management, routing, analytics, and component communication.

Core Features & Use Cases

  • Enforced Development Rules: Applies 20 mandatory rules covering rendering limits, request handling, security, linting, commits, mocks, styling, authentication, and platform adaptation.
  • Production Architecture Guidance: Defines Vue 3, TypeScript, Pinia, SCSS, Vite, API encapsulation, routing guards, subpackages, storage, and component communication patterns.
  • Templates and References: Provides starter configuration files plus detailed guidance for APIs, performance, stores, routing, analytics, storage, and component communication.
  • Use Case: Use it when creating or reviewing a WeChat Mini Program project to establish a maintainable structure, consistent request layer, scalable state management, and performance-safe page patterns.

Quick Start

Ask the AI to apply the uni-app standard to your WeChat Mini Program project and review its structure, API layer, performance, routing, and state management.

Frequently Asked Questions about uniapp-standard-skill

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I structure a Vue 3 and TypeScript uni-app WeChat Mini Program project?▼

To structure a Vue 3 and TypeScript uni-app WeChat Mini Program project, apply enforced directory conventions, request encapsulation, and Pinia state management. This standard defines scalable architecture using SCSS and Vite for maintainable component communication and routing.

What is the best way to manage API requests and mock data in uni-app?▼

Managing API requests and mock data in uni-app requires a unified request layer with strict mock isolation. This standard enforces API encapsulation patterns and authentication boundaries to ensure secure, consistent data fetching across your WeChat Mini Program.

How do I set up route guards and subpackages in a uni-app WeChat Mini Program?▼

Setting up route guards and subpackages in a uni-app WeChat Mini Program involves defining authentication boundaries and structural limits. This standard provides routing patterns and subpackage configurations to secure navigation and optimize loading performance.

Does this uni-app standard support performance optimization for WeChat Mini Programs?▼

Yes, this uni-app standard supports performance optimization for WeChat Mini Programs by enforcing rendering limits and pagination rules. It provides specific guidance to prevent performance bottlenecks during page rendering and data loading.

How do I handle typed component communication in Vue 3 uni-app projects?▼

Handling typed component communication in Vue 3 uni-app projects requires strict TypeScript definitions for props and events. This standard enforces typed component communication patterns to ensure reliable data flow and maintainable component architecture.

Related Skills

Explore More Software Engineering Skills→
jiushiwonjiushiwon
44

uniapp-app-generate-skill

Generate standardized uni-app projects with Vue 3, TypeScript, Pinia, and SCSS.

Community
Advanced
partme-aipartme-ai
610

uniapp-mini-guide

Guide uni-app mini program development with configuration, components, and API usage.

Official
Basic
dang0705dang0705

miniprogram-development

Develop, debug, and optimize WeChat Mini Programs with CloudBase integration.

Community
Advanced
mymx2mymx2
4

wechat-miniprogram

Provides WeChat Mini Program development guidance for WXML, WXSS, and cloud integration.

Community
Intermediate