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

uniapp-app-generate-skill

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

44|11|Updated Jun 1, 2026
Search Tags:#typescript#vue3#project scaffolding#uni-app#mini-program#frontend generation#cross-platform development
One-click install
npx skills add https://github.com/jiushiwon/wg-skills --skill uniapp-app-generate-skill
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: uniapp-app-generate-skill
Source: https://github.com/jiushiwon/wg-skills/tree/main/uniapp-app-generate-skill
Command: npx skills add https://github.com/jiushiwon/wg-skills --skill uniapp-app-generate-skill

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) and assets (resource) components.

What problem does it solve?

This Skill eliminates the repetitive setup and architectural decisions involved in creating standardized uni-app applications for WeChat mini-programs, H5, and App platforms.

Core Features & Use Cases

  • Project Scaffolding: Initializes a Vue 3, TypeScript, Pinia, and SCSS project from a reusable boilerplate.
  • Design and Architecture: Guides requirements discovery, page planning, shared component reuse, cross-platform abstractions, and theme token generation.
  • Validation and Delivery: Provides theme synchronization, off-scale color checks, linting, build verification, and a mini-program readiness checklist.
  • Use Case: Use it to turn a vague request for a shopping, health, productivity, or community mini-program into a structured, runnable uni-app project with shared components and multi-platform support.

Quick Start

Ask the AI to initialize a standardized uni-app mini-program for WeChat, H5, and App with the required pages, theme, components, and verification checks.

Frequently Asked Questions about uniapp-app-generate-skill

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

FAQPage Schema
How do I scaffold a cross-platform uni-app project with Vue 3 and TypeScript?▼

To scaffold a uni-app project, this tool generates a standardized Vue 3, TypeScript, Pinia, and SCSS boilerplate from scratch. It initializes project scaffolding with shared components and cross-platform abstractions for WeChat mini-program, H5, and App development scenarios.

What is the best way to build a WeChat mini-program from a vague product idea?▼

Building a WeChat mini-program from a vague idea requires structured requirements discovery, page planning, and theme configuration. This tool turns raw requests for shopping or productivity apps into runnable uni-app projects with shared components and multi-platform compatibility.

Does this uni-app generation approach support token-based styling and design synchronization?▼

Yes, token-based styling is fully supported during uni-app generation. The process includes theme token generation, theme synchronization, and off-scale color checks to ensure consistent design across WeChat mini-program, H5, and App platforms.

Can I use Pinia and SCSS for cross-platform development targeting H5 and App platforms?▼

You can use Pinia and SCSS for cross-platform development targeting H5 and App platforms. The generated uni-app project integrates these technologies natively, applying platform-safe APIs and shared UI components for consistent functionality.

How do I verify mini-program readiness and pass build verification before delivery?▼

To verify mini-program readiness, the generation process applies linting, build verification, and a delivery validation checklist. This ensures the uni-app project meets platform requirements for WeChat mini-program, H5, and App before final handoff.

Why do I need cross-platform abstractions when developing uni-app applications?▼

Cross-platform abstractions are needed when developing uni-app applications to handle platform-safe APIs and shared UI components. They resolve multi-platform compatibility issues across WeChat mini-program, H5, and App, ensuring consistent behavior without redundant code.

Related Skills

Explore More Software Engineering Skills→
partme-aipartme-ai
610

uniapp-project-creator

Create uni-app projects with Vue 2, Vue 3, or TypeScript templates.

Official
Basic
ihmorolihmorol
1

ucharts

Create and customize uCharts charts for uni-app and WeChat Mini Programs.

Community
Intermediate
vishirivishiri
401

fantasia-quasar-vue

Scaffold Vue 3 and Quasar UI with layouts, pages, router, and Pinia stores.

Community
Intermediate
partme-aipartme-ai
610

uniappx-project-creator

Automates uni-app-x project creation with Vue 3, TypeScript, and Vite scaffolding.

Official
Basic