Vibe Index
๐ŸŽฏ

uniappx-project-creator

๐ŸŽฏSkill

from teachingai/agent-skills

VibeIndex|
What it does

Generates uni-app-x projects instantly with Vue 3, TypeScript, and Vite configuration using a single command or HBuilderX method.

๐Ÿ“ฆ

Part of

teachingai/agent-skills(128 items)

uniappx-project-creator

Installation

Add MarketplaceAdd marketplace to Claude Code
/plugin marketplace add https://github.com/teachingai/full-stack-skills.git
Add MarketplaceAdd marketplace to Claude Code
/plugin marketplace add teachingai/full-stack-skills
Claude CodeAdd plugin in Claude Code
/plugin marketplace remove full-stack-skills
Install PluginInstall plugin from marketplace
/plugin install development-skills@full-stack-skills
Install PluginInstall plugin from marketplace
/plugin install development-skills-utils@full-stack-skills

+ 11 more commands

๐Ÿ“– Extracted from docs: teachingai/agent-skills
Need more details? View full documentation on GitHub โ†’
4Installs
-
AddedFeb 4, 2026
View on GitHubBack to Skills

Skill Details

SKILL.md

Provides one-command project creation for uni-app-x including Vue 3 + TypeScript + Vite setup, configuration, and template generation. Use when the user asks to create a uni-app-x project with a single command, needs to initialize a new uni-app-x project, or generate uni-app-x project structure.

When to use this skill

Use this skill whenever the user wants to:

  • Create a new uni-app-x project from scratch
  • Initialize uni-app-x project structure with TypeScript and Vue 3
  • Set up development environment for uni-app-x
  • Generate project templates with TypeScript configuration
  • Configure manifest.json and pages.json for uni-app-x
  • Create uni-app-x pages and components with TypeScript
  • Set up uni-app-x project with HBuilderX or CLI

How to use this skill

To create a uni-app-x project with a single command or via HBuilderX:

  1. Identify the project type from the user's request:

- Standard uni-app-x project โ†’ Use TypeScript + Vue 3 template

- HBuilderX project โ†’ Use HBuilderX creation method

- CLI project โ†’ Use official CLI commands

  1. Load the appropriate example file from the examples/guide/ directory:

- examples/guide/installation.md - Installation and environment setup

- examples/guide/quick-start.md - Quick start guide

- examples/guide/project-types.md - Different project types and templates

  1. Load the appropriate template file from the templates/ directory:

- templates/project-templates.md - Project structure templates

- templates/cli-commands.md - CLI command templates

  1. Follow the specific instructions in those files for project creation, structure, and configuration
  1. Generate the project structure with proper TypeScript and Vue 3 configurations

Important Notes:

  • This skill focuses on uni-app-x CLI quickstart and HBuilderX creation flows
  • Use one command creation when the user wants "ไธ€ๅฅ่ฏๅˆ›ๅปบ"
  • uni-app-x requires Vue 3 + TypeScript + Vite

Examples and Templates

Examples

Located in examples/guide/:

  • installation.md - Installation guide for uni-app-x development environment
  • quick-start.md - Quick start guide for creating first uni-app-x project
  • project-types.md - Different project types and configurations

Templates

Located in templates/:

  • project-templates.md - Complete project structure templates with TypeScript
  • cli-commands.md - CLI command templates for project creation

API Reference

This skill focuses on project creation and initialization. For component and API references, see uniappx-project-guide.

Best Practices

  1. Use TypeScript: uni-app-x requires TypeScript, ensure proper type definitions
  2. Vue 3 Composition API: Use Composition API with