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.
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.
Install Uni-app-x Components and APIs
$ npx skills add feige996/unibest --skill uniappx-project -a claude-codeProject install by default; add -g for ~/.claude/skills/.
$ gh skill install feige996/unibest uniappx-project --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 .claude/skills/uniappx-project && 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" agent skill from https://github.com/feige996/unibest/tree/base/.agents/bak-skills/uniappx-project into .claude/skills/uniappx-project/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "uniappx-project", 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-projectType 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 -a codexProject install goes to .agents/skills/; add -g for ~/.codex/skills/.
$ gh skill install feige996/unibest uniappx-project --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 .agents/skills/uniappx-project && 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" agent skill from https://github.com/feige996/unibest/tree/base/.agents/bak-skills/uniappx-project into .agents/skills/uniappx-project/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "uniappx-project", 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 -a cursorProject install goes to .agents/skills/; add -g for ~/.cursor/skills/.
$ gh skill install feige996/unibest uniappx-project --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 .cursor/skills/uniappx-project && 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" agent skill from https://github.com/feige996/unibest/tree/base/.agents/bak-skills/uniappx-project into .cursor/skills/uniappx-project/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "uniappx-project", 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--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 -a gemini-cliProject install goes to .agents/skills/; add -g for ~/.gemini/skills/.
$ gh skill install feige996/unibest uniappx-project --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 .gemini/skills/uniappx-project && 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" agent skill from https://github.com/feige996/unibest/tree/base/.agents/bak-skills/uniappx-project into .gemini/skills/uniappx-project/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "uniappx-project", 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-projectInstalls 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 -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 .github/skills/uniappx-project && 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" agent skill from https://github.com/feige996/unibest/tree/base/.agents/bak-skills/uniappx-project into .github/skills/uniappx-project/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "uniappx-project", 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 -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 --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 .opencode/skills/uniappx-project && 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" agent skill from https://github.com/feige996/unibest/tree/base/.agents/bak-skills/uniappx-project into .opencode/skills/uniappx-project/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "uniappx-project", 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- GitHub stars
- 2.3k
- Token cost
- ~788 tokens
- SKILL.md length
- 296 words
- Files
- 137 (incl. references)
- Skills in repo
- 14
- Repo updated
- First seen
- Licence
- MIT
At a glance
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.
- Works in 5 steps: 环境准备 → 配置初始化 → 核心功能使用 → …
- Looking up how a built-in uni-app-x component is used
- SKILL.md covers When to use this skill, How to use this skill, Examples and References and Best Practices, plus 5 more sections
- Instructions only: no scripts, shell commands, URLs or credentials in SKILL.md
What it does
The skill is organized to mirror the official uni-app-x documentation. The agent picks a category, opens the matching example file, and uses the references folder when it needs full parameter, return value and compatibility tables. Components live under `examples/components/built-in/` and APIs under `examples/api/`, grouped by domain such as device, file, location and media, and each example carries the official documentation URL.
It targets Vue 3 with TypeScript and Vite and advises checking each item's platform compatibility and using `#ifdef` and `#endif` conditional compilation for platform-specific code. Examples follow the official documentation, and the references are the source for full specs. The file closes with a short Chinese section on scope and common pitfalls.
When your agent uses it
- Looking up how a built-in uni-app-x component is used
- Calling a uni-app-x API such as network, storage or device info
- Checking cross-platform compatibility for a component or API
Example prompts
- “Show me how to read the battery level with the uni-app-x device API.”
- “Which platforms support choosing an image through uni-app-x, and how do I call it?”
- “Write a uni-app-x page that gets the user's location and displays it.”
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):
doc.dcloud.net.cn
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 Components and APIs loads about 788 tokens when it runs, and up to ~63k if it reads all its reference files. Until then it costs about 63 tokens; SKILL.md has 296 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). 296 words, ~788 tokens.
Download SKILL.mdSave it as
.claude/skills/uniappx-project/SKILL.md (or your agent's skills folder). This skill also uses 136 other files; get the full folder from GitHub.- name
- uniappx-project
- description
- Provides comprehensive uni-app-x component and API integration guidance. Use when the user needs official uni-app-x components or APIs, wants per-component or per-API examples, or needs cross-platform compatibility details for uni-app-x.
- license
- Complete terms in LICENSE.txt
When to use this skill
Use this skill whenever the user wants to:
- Use any uni-app-x built-in component
- Use any uni-app-x API (network, storage, device, UI, navigation, media, etc.)
- Access per-component or per-API examples with official doc links
- Check platform compatibility for components and APIs in uni-app-x
- Build uni-app-x applications with Vue 3 + TypeScript + Vite
How to use this skill
This skill is organized to match the official uni-app-x components and API documentation:
Choose component or API category:
- Components →
examples/components/built-in/ - APIs →
examples/api/(categorized by domain)
- Components →
Open the matching example file:
- Each component or API has its own example file
- Each example includes the official documentation URL
- Examples mirror the official documentation examples
Use references when you need full specs:
references/components/built-in/for built-in componentsreferences/api/for API parameter/return/compatibility details
Examples and References
Components (Built-in)
- Examples:
examples/components/built-in/*.md - References:
references/components/built-in/*.md - Official docs: https://doc.dcloud.net.cn/uni-app-x/component/
APIs
- Examples:
examples/api/{category}/*.md - References:
references/api/*.md - Official docs: https://doc.dcloud.net.cn/uni-app-x/api/
Best Practices
- One file per component/API: Each component and API has an independent example file with official doc link.
- Follow platform compatibility: Check the compatibility section in each example/reference.
- Use conditional compilation: Use
#ifdef/#endiffor platform-specific logic. - Keep examples aligned: Use the official documentation examples as the source of truth.
- Prefer references for specs: Use
references/for full parameter tables and compatibility.
Resources
- Components: https://doc.dcloud.net.cn/uni-app-x/component/
- APIs: https://doc.dcloud.net.cn/uni-app-x/api/
- uni-app-x: https://doc.dcloud.net.cn/uni-app-x/
Keywords
uniappx, uni-app-x, components, api, built-in components, examples, references, Vue 3, TypeScript, Vite, H5, App, mini program, 跨平台, 组件, API, 官方文档
能力边界
✅ 适用场景
- 当你需要使用此技能对应的技术栈时
- 当项目需要遵循最佳实践时
- 当需要快速上手或深入理解核心概念时
⚠️ 需要注意
- 复杂业务逻辑需要结合具体场景调整
- 性能优化需要根据实际数据量评估
❌ 不适用场景
- 不相关的技术栈或框架
- 需要完全自定义的特殊场景
常见陷阱 (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 136 other files (references) in .agents/bak-skills/uniappx-project of feige996/unibest.
- SKILL.md
- LICENSE.txt
- examples/api/device/get-battery-info.md
- examples/api/device/get-network-type.md
- examples/api/device/get-screen-brightness.md
- examples/api/device/get-system-info.md
- examples/api/device/set-screen-brightness.md
- examples/api/file/get-file-info.md
- examples/api/file/get-saved-file-list.md
- examples/api/file/save-file.md
- examples/api/location/choose-location.md
- examples/api/location/get-location.md
- examples/api/location/open-location.md
- examples/api/media/choose-image.md
- examples/api/media/choose-media.md
- … and 122 more
Open the folder on GitHubat commit dc3af8d
Compare with similar skills
Uni-app-x Components and APIs 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 Components and APIs this skillfeige996/unibest | 2.3k | — | ~788 | Automated safety check: Pass | MIT | |
| Vue ExpertJeffallan/claude-skills | 12k | — | ~1.1k | Automated safety check: Pass | MIT | |
| Vue ExpertAratKruglik/claude-laravel | 155 | — | ~1.1k | Automated safety check: Pass | None | |
| Vuetify Playgroundvuetifyjs/vuetify | 41k | — | ~730 | Automated safety check: Pass | Custom licence | |
| Uni Appsonofmagic/uni-app-tailwindcss-template | 336 | 2 repos | ~1k | Automated safety check: Pass | MIT | |
| QR Codes with qrcode.vuescopewu/qrcode.vue | 826 | — | ~1.3k | Automated safety check: Pass | MIT |
Similar skills
Vue Expert
AratKruglik/claude-laravel
A skill your agent uses when building Vue 3 applications with Composition API, Nuxt 3, or Quasar.
Vuetify Playground
vuetifyjs/vuetify
Maintains the Vuetify repo's local Playground.vue so contributors get a realistic reproduction and a short demo they can paste into a pull request description.
Uni App
sonofmagic/uni-app-tailwindcss-template
Comprehensive skill reference for uni-app cross-platform development framework
QR Codes with qrcode.vue
scopewu/qrcode.vue
Renders, styles and downloads QR codes in Vue 3 apps with the qrcode.vue component, covering canvas versus SVG output, embedded logos, gradients and rounded modules.
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-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…
uni-app Native Plugin Development
feige996/unibest
A comprehensive skill for developing native plugins for uni-app. Use this skill when building Android/iOS native plugins, integrating native capabilities, or…
Related
Works with
Categories
Questions about Uni-app-x Components and APIs
What does Uni-app-x Components and APIs do?
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. The skill is organized to mirror the official uni-app-x documentation. The agent picks a category, opens the matching example file, and uses the references folder when it needs full parameter, return value and compatibility tables.
When should I use Uni-app-x Components and APIs?
Uni-app-x Components and APIs fits situations like: looking up how a built-in uni-app-x component is used; calling a uni-app-x API such as network, storage or device info; checking cross-platform compatibility for a component or API.
How do I install Uni-app-x Components and APIs in Claude Code?
Run `npx skills add feige996/unibest --skill uniappx-project -a claude-code`. Or copy the skill folder (.agents/bak-skills/uniappx-project in feige996/unibest) into .claude/skills/uniappx-project in your project. Claude Code loads it when a task matches its description.
How do I install Uni-app-x Components and APIs in Codex?
Run `npx skills add feige996/unibest --skill uniappx-project -a codex`. Or copy the skill folder (.agents/bak-skills/uniappx-project in feige996/unibest) into .agents/skills/uniappx-project in your project. Codex loads it when a task matches its description.
Can I use Uni-app-x Components and APIs 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 -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, .gemini/skills/uniappx-project, .github/skills/uniappx-project and .opencode/skills/uniappx-project in your project.
What does Uni-app-x Components and APIs need to run?
SKILL.md names no scripts, command-line tools or credentials: Uni-app-x Components and APIs is instructions for the agent only.
Does Uni-app-x Components and APIs access the network?
SKILL.md names 1 domain. As links in the text: doc.dcloud.net.cn. This is read from the text; nothing was executed.
Is Uni-app-x Components and APIs 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 Components and APIs use?
Uni-app-x Components and APIs is published under the MIT licence (from the LICENSE file in the skill folder). It allows redistribution, so the full SKILL.md is shown on this page.
How many tokens does Uni-app-x Components and APIs use?
About 788 tokens (SKILL.md is roughly 3.2k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full. Its references folder adds about 62k tokens, read only when the agent opens those files.
What are the alternatives to Uni-app-x Components and APIs?
Skills that share tags, products or a category with Uni-app-x Components and APIs: Vue Expert (Jeffallan/claude-skills, 12k stars), Vue Expert (AratKruglik/claude-laravel, 155 stars), Vuetify Playground (vuetifyjs/vuetify, 41k stars) and Uni App (sonofmagic/uni-app-tailwindcss-template, 336 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 Components and APIs?
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.