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.
Gives per-component and per-API examples, reference specs and compatibility notes for building cross-platform uni-app apps, mirroring the official documentation.
$ npx skills add feige996/unibest --skill uniapp-project -a claude-codeProject install by default; add -g for ~/.claude/skills/.
$ gh skill install feige996/unibest uniapp-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/skills/uniapp-project .claude/skills/uniapp-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 "uniapp-project" agent skill from https://github.com/feige996/unibest/tree/base/.agents/skills/uniapp-project into .claude/skills/uniapp-project/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "uniapp-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/skills/uniapp-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 uniapp-project -a codexProject install goes to .agents/skills/; add -g for ~/.codex/skills/.
$ gh skill install feige996/unibest uniapp-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/skills/uniapp-project .agents/skills/uniapp-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 "uniapp-project" agent skill from https://github.com/feige996/unibest/tree/base/.agents/skills/uniapp-project into .agents/skills/uniapp-project/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "uniapp-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 uniapp-project -a cursorProject install goes to .agents/skills/; add -g for ~/.cursor/skills/.
$ gh skill install feige996/unibest uniapp-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/skills/uniapp-project .cursor/skills/uniapp-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 "uniapp-project" agent skill from https://github.com/feige996/unibest/tree/base/.agents/skills/uniapp-project into .cursor/skills/uniapp-project/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "uniapp-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/skills/uniapp-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 uniapp-project -a gemini-cliProject install goes to .agents/skills/; add -g for ~/.gemini/skills/.
$ gh skill install feige996/unibest uniapp-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/skills/uniapp-project .gemini/skills/uniapp-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 "uniapp-project" agent skill from https://github.com/feige996/unibest/tree/base/.agents/skills/uniapp-project into .gemini/skills/uniapp-project/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "uniapp-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 uniapp-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 uniapp-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/skills/uniapp-project .github/skills/uniapp-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 "uniapp-project" agent skill from https://github.com/feige996/unibest/tree/base/.agents/skills/uniapp-project into .github/skills/uniapp-project/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "uniapp-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 uniapp-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 uniapp-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/skills/uniapp-project .opencode/skills/uniapp-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 "uniapp-project" agent skill from https://github.com/feige996/unibest/tree/base/.agents/skills/uniapp-project into .opencode/skills/uniapp-project/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "uniapp-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.
uniapp-projectGives per-component and per-API examples, reference specs and compatibility notes for building cross-platform uni-app apps, mirroring the official documentation.
The skill is organized to mirror the official uni-app documentation. Examples live in folders for built-in components, uni-ui components and APIs grouped by domain, such as device, file, location and media, and each component or API has its own example file with the official documentation link. Matching reference folders hold full parameter, return value and platform compatibility details.
The agent picks the component or API category, opens the matching example, and turns to the references when it needs exact specs. Guidance includes checking the compatibility section for each item, using `#ifdef` and `#endif` conditional compilation for platform-specific logic, and treating the official examples as the source of truth. A checklist file and an update plan sit alongside a large set of example and reference files.
5 steps, taken from the step headings in SKILL.md.
Read from SKILL.md and the folder at commit dc3af8d. It shows what the files ask for, not the result of running them.
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.
Ships 1 file in scripts/, which the agent can run.
From the folder's file list and the shell code blocks in SKILL.md.
Links to these hosts (documentation or services it may open):
uniapp.dcloud.net.cnext.dcloud.net.cnask.dcloud.net.cnFrom URLs in SKILL.md, links to its own repository left out.
Names no API keys, tokens, secrets or passwords.
From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.
Uni-app Components and APIs loads about 1.6k tokens when it runs, and up to ~127k if it reads all its reference files. Until then it costs about 59 tokens; SKILL.md has 472 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.
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); the scripts in this folder are not scanned.
The full file from feige996/unibest at commit dc3af8d, republished under its MIT licence (© feige996). 472 words, ~1,591 tokens.
.claude/skills/uniapp-project/SKILL.md (or your agent's skills folder). This skill also uses 233 other files; get the full folder from GitHub.Use this skill whenever the user wants to:
This skill is organized to match the official uni-app components and API documentation:
Choose component or API category:
examples/components/built-in/ and examples/uni-ui/examples/api/ (categorized by domain)Open the matching example file:
Use references when you need full specs:
references/components/built-in/ for built-in componentsreferences/components/uni-ui/ for uni-ui componentsreferences/api/ for API parameter/return/compatibility detailsexamples/components/built-in/*.mdreferences/components/built-in/*.mdexamples/uni-ui/*.vue and examples/uni-ui/README.mdreferences/components/uni-ui/*.mdexamples/api/{category}/*.mdreferences/api/*.md#ifdef/#endif for platform-specific logic.references/ for full parameter tables and compatibility.uniapp, uni-app, components, api, built-in components, uni-ui, examples, references, pages.json, manifest.json, H5, App, mini program, 跨平台, 组件, API, 官方文档
examples/api/network/ - 网络请求 API 示例examples/api/storage/ - 数据存储 API 示例examples/api/device/ - 设备信息 API 示例examples/api/ui/ - 界面交互 API 示例examples/api/location/ - 位置服务 API 示例examples/api/media/ - 媒体处理 API 示例examples/api/navigation/ - 页面路由 API 示例examples/api/file/ - 文件操作 API 示例examples/api/payment/ - 支付 API 示例examples/api/share/ - 分享 API 示例examples/api/other/ - 其他 API 示例examples/uni-ui/ - uni-ui 组件的完整示例代码(每个组件一个独立的 .vue 文件)使用场景:当需要查看组件或 API 的完整使用示例时,参考此目录下的示例文件。每个示例文件包含官网展示的所有示例场景,可直接复制使用。
注意:
examples/components/built-in/ 目录examples/api/ 目录,按分类组织examples/uni-ui/ 目录uni-app 支持以下平台:
每个组件和 API 的详细平台支持情况见对应文档。
基础组件使用示例:
<template>
<view class="container">
<text>{{ message }}</text>
<button @click="handleClick">点击按钮</button>
<image :src="imageUrl" mode="aspectFit"></image>
</view>
</template>
<script>
export default {
data() {
return {
message: 'Hello UniApp',
imageUrl: '/static/logo.png'
}
},
methods: {
handleClick() {
uni.showToast({
title: '按钮被点击',
icon: 'success'
})
}
}
}
</script>更多组件示例:
references/components/built-in/ 目录下的组件文档examples/uni-ui/ 目录(每个组件都有独立的 .vue 示例文件)references/components/built-in/ 和 references/components/uni-ui/ 目录(每个组件都有独立的文档文件,包含属性、事件、平台兼容性、使用示例)// 网络请求
uni.request({
url: 'https://api.example.com/data',
method: 'GET',
success: (res) => {
console.log(res.data)
},
fail: (err) => {
console.error(err)
}
})
// 数据存储
uni.setStorage({
key: 'userInfo',
data: { name: 'John', age: 30 },
success: () => {
console.log('存储成功')
}
})
// 页面跳转
uni.navigateTo({
url: '/pages/detail/detail?id=123'
})更多 API 示例:见 references/api/ 目录中的详细文档
#ifdef、#endif 处理平台差异确保开发环境已安装必要的依赖和工具。
根据项目需求进行基础配置。
按照示例代码实现核心功能。
运行测试确保功能正常。
完成开发后进行部署和监控。
© feige996, MIT. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file
SKILL.md and 233 other files (scripts, references) in .agents/skills/uniapp-project of feige996/unibest.
Open the folder on GitHubat commit dc3af8d
Uni-app 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 Components and APIs this skillfeige996/unibest | 2.3k | — | ~1.6k | Automated safety check: Pass | MIT | |
| Vue ExpertJeffallan/claude-skills | 12k | — | ~1.1k | Automated safety check: Pass | MIT | |
| Vuetify Playgroundvuetifyjs/vuetify | 41k | — | ~730 | Automated safety check: Pass | Custom licence | |
| Vue Expert (JavaScript)Jeffallan/claude-skills | 12k | — | ~1.6k | Automated safety check: Pass | MIT | |
| Vue ExpertAratKruglik/claude-laravel | 155 | — | ~1.1k | Automated safety check: Pass | None | |
| Cloudbase Sites RuntimeTencentCloudBase/CloudBase-AI-Toolkit | 1.1k | — | ~5k | Automated safety check: Notes | MIT |
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.
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.
Jeffallan/claude-skills
Builds Vue 3 apps in plain JavaScript with JSDoc typing instead of TypeScript: script setup components, composables, Pinia and Vitest, with ESLint JSDoc coverage checks.
AratKruglik/claude-laravel
A skill your agent uses when building Vue 3 applications with Composition API, Nuxt 3, or Quasar.
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.
LeoYeAI/openclaw-master-skills
Comprehensive Ionic Framework expert skill consolidating core concepts, component reference, CLI usage, theming, layout, page lifecycle, framework-specific patterns for Angular/React/Vue…
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.
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…
feige996/unibest
Covers uniCloud for uni-app projects: project and cloud space setup, cloud database CRUD and permissions, cloud functions, storage and datacom components.
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…
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…
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…
Categories
Gives per-component and per-API examples, reference specs and compatibility notes for building cross-platform uni-app apps, mirroring the official documentation. The skill is organized to mirror the official uni-app documentation. Examples live in folders for built-in components, uni-ui components and APIs grouped by domain, such as device, file, location and media, and each component or API has its own example file with the official documentation link.
Uni-app Components and APIs fits situations like: using a built-in uni-app component or a uni-ui component correctly; calling a uni-app API such as storage, network, device or navigation; checking which platforms a component or API supports; writing platform-specific code with conditional compilation.
Run `npx skills add feige996/unibest --skill uniapp-project -a claude-code`. Or copy the skill folder (.agents/skills/uniapp-project in feige996/unibest) into .claude/skills/uniapp-project in your project. Claude Code loads it when a task matches its description.
Run `npx skills add feige996/unibest --skill uniapp-project -a codex`. Or copy the skill folder (.agents/skills/uniapp-project in feige996/unibest) into .agents/skills/uniapp-project in your project. Codex loads it when a task matches its description.
Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add feige996/unibest --skill uniapp-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/uniapp-project, .gemini/skills/uniapp-project, .github/skills/uniapp-project and .opencode/skills/uniapp-project in your project.
SKILL.md names no scripts, command-line tools or credentials: Uni-app Components and APIs is instructions for the agent only.
SKILL.md names 3 domains. As links in the text: uniapp.dcloud.net.cn, ext.dcloud.net.cn and ask.dcloud.net.cn. This is read from the text; nothing was executed.
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. The check reads SKILL.md only: the scripts in the folder are not scanned, so read them before running anything.
Uni-app 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.
About 1.6k tokens (SKILL.md is roughly 6.4k 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 126k tokens, read only when the agent opens those files.
Skills that share tags, products or a category with Uni-app Components and APIs: Vue Expert (Jeffallan/claude-skills, 12k stars), Vuetify Playground (vuetifyjs/vuetify, 41k stars), Vue Expert (JavaScript) (Jeffallan/claude-skills, 12k stars) and Vue Expert (AratKruglik/claude-laravel, 155 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.
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.