uniappx-project-creator

Q: How do I install uniappx-project-creator?

Run npx skills add https://github.com/full-stack-skills/uniapp-skills --skill uniappx-project-creator in your project. The skills CLI detects the agents you use and copies the skill into the right folder. For Claude Code you can also place the skill folder at ~/.claude/skills/uniappx-project-creator/ (personal) or .claude/skills/uniappx-project-creator/ (project).

by full-stack-skillsFrontend & Design

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.

Installs: 121
Last 24h: —
Trending rank: —
Security: Not audited

Install

Works with every agent the skills CLI supports.

npx skills add https://github.com/full-stack-skills/uniapp-skills --skill uniappx-project-creator

01
Install
Run the command in your project. The CLI asks which agents to install for.
02
Describe the task
Ask your agent for something this skill covers. It loads uniappx-project-creator automatically when relevant.
03
Review the result
The agent follows the SKILL.md steps, scripts and references bundled with the skill.

SKILL.md

The instructions your agent reads when the skill is triggered.

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:

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
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
Load the appropriate template file from the templates/ directory:
- templates/project-templates.md - Project structure templates
- templates/cli-commands.md - CLI command templates
Follow the specific instructions in those files for project creation, structure, and configuration
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

Use TypeScript: uni-app-x requires TypeScript, ensure proper type definitions
Vue 3 Composition API: Use Composition API with <script setup> syntax
Configure properly: Set up manifest.json, pages.json, and tsconfig.json correctly
Organize structure: Follow standard uni-app-x directory structure
Version control: Initialize git repository after project creation

Resources

Official Documentation: https://uniapp.dcloud.net.cn/quickstart-cli.html
uni-app-x Documentation: https://doc.dcloud.net.cn/uni-app-x/
HBuilderX: https://www.dcloud.io/hbuilderx.html
TypeScript: https://www.typescriptlang.org/
Vue 3: https://cn.vuejs.org/

Keywords

uniappx, uni-app-x, project creator, TypeScript, Vue 3, project initialization, HBuilderX, manifest.json, pages.json, uni-app-x setup, uni-app-x template, 创建项目, 项目初始化, 快速开始

FAQ

What does the uniappx-project-creator skill do?

How do I install uniappx-project-creator?

Run npx skills add https://github.com/full-stack-skills/uniapp-skills --skill uniappx-project-creator in your project. The skills CLI detects the agents you use and copies the skill into the right folder. For Claude Code you can also place the skill folder at ~/.claude/skills/uniappx-project-creator/ (personal) or .claude/skills/uniappx-project-creator/ (project).

Which AI agents can use uniappx-project-creator?

Any agent that supports the open Agent Skills format (a folder with a SKILL.md file), including Claude Code, Codex, Cursor, GitHub Copilot, Gemini CLI, Windsurf, Cline, OpenCode and more.

Is uniappx-project-creator safe to install?

No partner security audit is available yet. Skills can run commands and scripts, so read the SKILL.md and any bundled files before installing.

Who maintains uniappx-project-creator?

It is published by full-stack-skills in full-stack-skills/uniapp-skills. It has 121 recorded installs.