Vue Expert
AratKruglik/claude-laravel
A skill your agent uses when building Vue 3 applications with Composition API, Nuxt 3, or Quasar.
Walks an agent through starting a new uni-app-x project with Vue 3, TypeScript and Vite, using either the command line or HBuilderX, with bundled guides and templates.
Install uni-app-x Project Creator
$ npx skills add feige996/unibest --skill uniappx-project-creator -a claude-codeProject install by default; add -g for ~/.claude/skills/.
$ gh skill install feige996/unibest uniappx-project-creator --agent claude-codeProject scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).
$ git clone --depth 1 https://github.com/feige996/unibest.git skills-src && mkdir -p .claude/skills && cp -r skills-src/.agents/bak-skills/uniappx-project-creator .claude/skills/uniappx-project-creator && rm -rf skills-srcUse ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.
Claude Code skills documentation · loads skills from .claude/skills/
Install the "uniappx-project-creator" agent skill from https://github.com/feige996/unibest/tree/base/.agents/bak-skills/uniappx-project-creator into .claude/skills/uniappx-project-creator/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "uniappx-project-creator", then confirm the skill loads.Claude Code copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$skill-installer install https://github.com/feige996/unibest/tree/base/.agents/bak-skills/uniappx-project-creatorType this inside Codex. $skill-installer <name> installs a curated skill from openai/skills. The installer writes to $CODEX_HOME/skills (default ~/.codex/skills). Restart Codex if the skill does not show up.
$ npx skills add feige996/unibest --skill uniappx-project-creator -a codexProject install goes to .agents/skills/; add -g for ~/.codex/skills/.
$ gh skill install feige996/unibest uniappx-project-creator --agent codexProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/feige996/unibest.git skills-src && mkdir -p .agents/skills && cp -r skills-src/.agents/bak-skills/uniappx-project-creator .agents/skills/uniappx-project-creator && rm -rf skills-srcUse ~/.agents/skills/ instead of .agents/skills for a personal install.
Codex skills documentation · loads skills from .agents/skills/
Install the "uniappx-project-creator" agent skill from https://github.com/feige996/unibest/tree/base/.agents/bak-skills/uniappx-project-creator into .agents/skills/uniappx-project-creator/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "uniappx-project-creator", then confirm the skill loads.Codex copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add feige996/unibest --skill uniappx-project-creator -a cursorProject install goes to .agents/skills/; add -g for ~/.cursor/skills/.
$ gh skill install feige996/unibest uniappx-project-creator --agent cursorProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/feige996/unibest.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/.agents/bak-skills/uniappx-project-creator .cursor/skills/uniappx-project-creator && rm -rf skills-srcUse ~/.cursor/skills/ instead of .cursor/skills for a personal install.
Cursor skills documentation · loads skills from .cursor/skills/, .agents/skills/, .claude/skills/, .codex/skills/
Install the "uniappx-project-creator" agent skill from https://github.com/feige996/unibest/tree/base/.agents/bak-skills/uniappx-project-creator into .cursor/skills/uniappx-project-creator/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "uniappx-project-creator", then confirm the skill loads.Cursor copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gemini skills install https://github.com/feige996/unibest.git --path .agents/bak-skills/uniappx-project-creator--scope user (default) or --scope workspace; --path is the subfolder of the repo that holds the skill; --consent skips the security confirmation prompt.
$ npx skills add feige996/unibest --skill uniappx-project-creator -a gemini-cliProject install goes to .agents/skills/; add -g for ~/.gemini/skills/.
$ gh skill install feige996/unibest uniappx-project-creator --agent gemini-cliProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/feige996/unibest.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/.agents/bak-skills/uniappx-project-creator .gemini/skills/uniappx-project-creator && rm -rf skills-srcUse ~/.gemini/skills/ instead of .gemini/skills for a personal install, then run /skills reload.
Gemini CLI skills documentation · loads skills from .gemini/skills/, .agents/skills/
Install the "uniappx-project-creator" agent skill from https://github.com/feige996/unibest/tree/base/.agents/bak-skills/uniappx-project-creator into .gemini/skills/uniappx-project-creator/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "uniappx-project-creator", then confirm the skill loads.Gemini CLI copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gh skill install feige996/unibest uniappx-project-creatorInstalls for Copilot at project scope by default; add --scope user for a personal install. Preview a skill first with gh skill preview. Needs GitHub CLI 2.90.0 or later (public preview).
$ npx skills add feige996/unibest --skill uniappx-project-creator -a github-copilotProject install goes to .agents/skills/; add -g for ~/.copilot/skills/.
$ git clone --depth 1 https://github.com/feige996/unibest.git skills-src && mkdir -p .github/skills && cp -r skills-src/.agents/bak-skills/uniappx-project-creator .github/skills/uniappx-project-creator && rm -rf skills-srcUse ~/.copilot/skills/ instead of .github/skills for a personal install. Commit .github/skills so cloud agent and code review can use it.
GitHub Copilot skills documentation · loads skills from .github/skills/, .claude/skills/, .agents/skills/
Install the "uniappx-project-creator" agent skill from https://github.com/feige996/unibest/tree/base/.agents/bak-skills/uniappx-project-creator into .github/skills/uniappx-project-creator/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "uniappx-project-creator", then confirm the skill loads.GitHub Copilot copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add feige996/unibest --skill uniappx-project-creator -a opencodeOpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.
$ gh skill install feige996/unibest uniappx-project-creator --agent opencodeProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/feige996/unibest.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/.agents/bak-skills/uniappx-project-creator .opencode/skills/uniappx-project-creator && rm -rf skills-srcUse ~/.config/opencode/skills/ instead of .opencode/skills for a personal install.
OpenCode skills documentation · loads skills from .opencode/skills/, .claude/skills/, .agents/skills/
Install the "uniappx-project-creator" agent skill from https://github.com/feige996/unibest/tree/base/.agents/bak-skills/uniappx-project-creator into .opencode/skills/uniappx-project-creator/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "uniappx-project-creator", then confirm the skill loads.OpenCode copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
Facts
- Skill name
uniappx-project-creator- GitHub stars
- 2.3k
- Token cost
- ~1k tokens
- SKILL.md length
- 404 words
- Files
- 6
- Skills in repo
- 14
- Repo updated
- First seen
- Licence
- MIT
At a glance
Walks an agent through starting a new uni-app-x project with Vue 3, TypeScript and Vite, using either the command line or HBuilderX, with bundled guides and templates.
- Works in 5 steps: 环境准备 → 配置初始化 → 核心功能使用 → …
- Creating a new uni-app-x project from scratch with a single command
- SKILL.md covers When to use this skill, How to use this skill, Examples and Templates and API Reference, plus 6 more sections
- Instructions only: no scripts, shell commands, URLs or credentials in SKILL.md
What it does
The skill acts as a router for uni-app-x project setup. It first decides whether the request is a standard TypeScript and Vue 3 project, an HBuilderX project or a CLI project, then loads the matching guide from examples/guide (installation, quick start, project types) and the matching template from templates (project structure, CLI commands).
After following those files, the agent generates the project structure and configures manifest.json and pages.json, and it can add pages and components written in TypeScript. uni-app-x itself needs Vue 3, TypeScript and Vite, and this skill stops at creation and initialization. Component and API questions are pointed to a separate uniappx-project-guide skill.
When your agent uses it
- Creating a new uni-app-x project from scratch with a single command
- Initializing a uni-app-x project that uses TypeScript and Vue 3
- Setting up the uni-app-x development environment with HBuilderX or the CLI
- Editing manifest.json and pages.json for a new uni-app-x app
Example prompts
- “Create a new uni-app-x project called shop-app with TypeScript and Vue 3 using the CLI.”
- “Set up uni-app-x in HBuilderX and generate the starter pages.”
- “Show me the folder structure a fresh uni-app-x app should have, then scaffold it.”
Requirements
- HBuilderX or the uni-app-x CLI
Workflow steps
5 steps, taken from the step headings in SKILL.md.
What it can do on your machine
Read from SKILL.md and the folder at commit dc3af8d. It shows what the files ask for, not the result of running them.
Tool permissions
Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.
From allowed-tools in the SKILL.md frontmatter.
Runs code
No scripts in the folder and no shell commands in SKILL.md.
From the folder's file list and the shell code blocks in SKILL.md.
Network
Links to these hosts (documentation or services it may open):
uniapp.dcloud.net.cndoc.dcloud.net.cndcloud.iotypescriptlang.orgcn.vuejs.org
From URLs in SKILL.md, links to its own repository left out.
Credentials
Names no API keys, tokens, secrets or passwords.
From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.
Context cost
uni-app-x Project Creator loads about 1k tokens when it runs. Until then it costs about 80 tokens; SKILL.md has 404 words of instructions outside code blocks.
Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.
Safety
Auto-check passed
The automated check found no risky patterns in SKILL.md.
Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.
SKILL.md
The full file from feige996/unibest at commit dc3af8d, republished under its MIT licence (© feige996). 404 words, ~1,039 tokens.
Download SKILL.mdSave it as
.claude/skills/uniappx-project-creator/SKILL.md (or your agent's skills folder). This skill also uses 5 other files; get the full folder from GitHub.- name
- uniappx-project-creator
- description
- 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.
- license
- Complete terms in LICENSE.txt
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 setupexamples/guide/quick-start.md- Quick start guideexamples/guide/project-types.md- Different project types and templates
Load the appropriate template file from the
templates/directory:templates/project-templates.md- Project structure templatestemplates/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
Show full SKILL.md (170 more words)Show less
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, 创建项目, 项目初始化, 快速开始
能力边界
✅ 适用场景
- 当你需要使用此技能对应的技术栈时
- 当项目需要遵循最佳实践时
- 当需要快速上手或深入理解核心概念时
⚠️ 需要注意
- 复杂业务逻辑需要结合具体场景调整
- 性能优化需要根据实际数据量评估
❌ 不适用场景
- 不相关的技术栈或框架
- 需要完全自定义的特殊场景
常见陷阱 (Gotchas)
- 版本兼容性：注意框架版本与依赖库的兼容性，不同版本 API 可能有差异
- 配置文件格式：配置文件格式错误是最常见的问题，建议使用编辑器的语法检查
- 环境变量：确保所有必要的环境变量已正确设置，敏感信息不要硬编码
- 依赖冲突：多版本共存时注意依赖冲突，使用 lock 文件锁定版本
- 性能陷阱：大数据量场景下注意性能优化，避免 N+1 查询等常见问题
使用流程
Step 1: 环境准备
确保开发环境已安装必要的依赖和工具。
Step 2: 配置初始化
根据项目需求进行基础配置。
Step 3: 核心功能使用
按照示例代码实现核心功能。
Step 4: 测试验证
运行测试确保功能正常。
Step 5: 部署上线
完成开发后进行部署和监控。
© feige996, MIT. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file
Files
SKILL.md and 5 other files in .agents/bak-skills/uniappx-project-creator of feige996/unibest.
- SKILL.md
- examples/guide/installation.md
- examples/guide/project-types.md
- examples/guide/quick-start.md
- templates/cli-commands.md
- templates/project-templates.md
Open the folder on GitHubat commit dc3af8d
Compare with similar skills
uni-app-x Project Creator next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.
| Skill | Stars | Used in | Tokens | Auto-check | Licence | Repo updated |
|---|---|---|---|---|---|---|
| uni-app-x Project Creator this skillfeige996/unibest | 2.3k | — | ~1k | Automated safety check: Pass | MIT | |
| Vue ExpertAratKruglik/claude-laravel | 155 | — | ~1.1k | Automated safety check: Pass | None | |
| Vue ExpertJeffallan/claude-skills | 12k | — | ~1.1k | Automated safety check: Pass | MIT | |
| Build Nitro Modulesmargelo/react-native-skills | 175 | — | ~9.9k | Automated safety check: Pass | MIT | |
| Cloudbase Sites RuntimeTencentCloudBase/CloudBase-AI-Toolkit | 1.1k | — | ~5k | Automated safety check: Notes | MIT | |
| Uni Appsonofmagic/uni-app-tailwindcss-template | 336 | 2 repos | ~1k | Automated safety check: Pass | MIT |
Similar skills
Vue Expert
Jeffallan/claude-skills
Builds Vue 3 apps with the Composition API and script setup, Pinia state, Nuxt 3, Vite tuning and Quasar or Capacitor mobile builds, checked with vue-tsc and Vitest.
Build Nitro Modules
margelo/react-native-skills
Builds and designs React Native Nitro Modules with Nitrogen, HybridObject TypeScript specs, Nitro View components, generated native implementations, zero-copy and native-state APIs, Swift/Kotlin/C++…
Cloudbase Sites Runtime
TencentCloudBase/CloudBase-AI-Toolkit
A skill your agent uses when the user wants to develop, run, preview, save, deploy, or roll back a CloudBase Web app in this conversation as a Lovable/Codex-Sites-like vibe- coding session — i.e.
Uni App
sonofmagic/uni-app-tailwindcss-template
Comprehensive skill reference for uni-app cross-platform development framework
Cross Platform Tauri UI
ifer47/markeron
Cross-platform UI styling for MarkerOn Tauri app (macOS WKWebView vs Windows WebView2).
More from feige996/unibest
All 14 skills in this repoUni-app Components and APIs
feige996/unibest
Gives per-component and per-API examples, reference specs and compatibility notes for building cross-platform uni-app apps, mirroring the official documentation.
Uni-app-x Components and APIs
feige996/unibest
Reference for using uni-app-x's built-in components and APIs, with one example file per item, official doc links and platform compatibility notes.
uni-ad Ads for uni-app
feige996/unibest
A comprehensive skill for uni-ad monetization in uni-app. Use this skill to integrate ads, configure ad types, handle ad events, and follow official uni-ad…
uniCloud Cloud Development
feige996/unibest
Covers uniCloud for uni-app projects: project and cloud space setup, cloud database CRUD and permissions, cloud functions, storage and datacom components.
uni-app Mini Program Guide
feige996/unibest
A comprehensive skill for uni-app mini program development. Use when building uni-app mini programs, configuring mini program settings, or working with mini…
uni-app Native App Packaging
feige996/unibest
A comprehensive skill for uni-app native app offline packaging. Use this skill to package uni-app as native Android/iOS apps, configure native app settings…
Related
Works with
Categories
Questions about uni-app-x Project Creator
What does uni-app-x Project Creator do?
Walks an agent through starting a new uni-app-x project with Vue 3, TypeScript and Vite, using either the command line or HBuilderX, with bundled guides and templates. The skill acts as a router for uni-app-x project setup. It first decides whether the request is a standard TypeScript and Vue 3 project, an HBuilderX project or a CLI project, then loads the matching guide from examples/guide (installation, quick start, project types) and the matching template from templates (project structure, CLI commands).
When should I use uni-app-x Project Creator?
uni-app-x Project Creator fits situations like: creating a new uni-app-x project from scratch with a single command; initializing a uni-app-x project that uses TypeScript and Vue 3; setting up the uni-app-x development environment with HBuilderX or the CLI; editing manifest.json and pages.json for a new uni-app-x app.
How do I install uni-app-x Project Creator in Claude Code?
Run `npx skills add feige996/unibest --skill uniappx-project-creator -a claude-code`. Or copy the skill folder (.agents/bak-skills/uniappx-project-creator in feige996/unibest) into .claude/skills/uniappx-project-creator in your project. Claude Code loads it when a task matches its description.
How do I install uni-app-x Project Creator in Codex?
Run `npx skills add feige996/unibest --skill uniappx-project-creator -a codex`. Or copy the skill folder (.agents/bak-skills/uniappx-project-creator in feige996/unibest) into .agents/skills/uniappx-project-creator in your project. Codex loads it when a task matches its description.
Can I use uni-app-x Project Creator in Cursor, Gemini CLI or GitHub Copilot?
Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add feige996/unibest --skill uniappx-project-creator -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/uniappx-project-creator, .gemini/skills/uniappx-project-creator, .github/skills/uniappx-project-creator and .opencode/skills/uniappx-project-creator in your project.
What does uni-app-x Project Creator need to run?
SKILL.md names no scripts, command-line tools or credentials: uni-app-x Project Creator is instructions for the agent only. Our summary lists: HBuilderX or the uni-app-x CLI.
Does uni-app-x Project Creator access the network?
SKILL.md names 5 domains. As links in the text: uniapp.dcloud.net.cn, doc.dcloud.net.cn, dcloud.io, typescriptlang.org and cn.vuejs.org. This is read from the text; nothing was executed.
Is uni-app-x Project Creator safe to install?
Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. Review the folder before installing.
What licence does uni-app-x Project Creator use?
uni-app-x Project Creator is published under the MIT licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.
How many tokens does uni-app-x Project Creator use?
About 1k tokens (SKILL.md is roughly 4.2k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full.
What are the alternatives to uni-app-x Project Creator?
Skills that share tags, products or a category with uni-app-x Project Creator: Vue Expert (AratKruglik/claude-laravel, 155 stars), Vue Expert (Jeffallan/claude-skills, 12k stars), Build Nitro Modules (margelo/react-native-skills, 175 stars) and Cloudbase Sites Runtime (TencentCloudBase/CloudBase-AI-Toolkit, 1.1k stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.
Who maintains uni-app-x Project Creator?
feige996 (a GitHub user) maintains it in feige996/unibest, which has 2,275 GitHub stars. The repository holds 14 skills in this directory. The repository was last updated on September 15, 2026.
Source: feige996/unibest on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.