templates/uni-app-vite-vue3-tailwind-vscode-template/.agents/skills/uni-app/SKILL.md
Comprehensive skill reference for uni-app cross-platform development framework
npx skillsauth add sonofmagic/weapp-tailwindcss uni-appInstall this skill globally with one command. Works with Claude Code, Cursor, and Windsurf.
3 of 9 scanners reported clean
Some scanners were skipped, did not run, or reported a non-clean status. Review each row below.
The skill is based on uni-app documentation, generated at 2026-01-30.
uni-app is a Vue.js-based cross-platform framework for developing applications that run on iOS, Android, HarmonyOS, Web (responsive), and various mini-program platforms (WeChat/Alipay/Baidu/Douyin/Feishu/QQ/Kuaishou/DingTalk/Taobao/Jingdong/Xiaohongshu).
| Topic | Description | Reference | |-------|-------------|-----------| | Core Framework | Project structure, platform support, condition compilation | core-framework | | View Components | view, scroll-view, swiper, movable-area, cover-view | core-view-components | | Form Components | input, textarea, picker, checkbox, radio, switch, slider | core-form-components |
| Topic | Description | Reference | |-------|-------------|-----------| | Media Components | image, video, camera, live-player, map | feature-media-components | | Navigation | navigator, routing, page navigation | feature-navigation | | UI Feedback | toast, modal, loading, action sheet, pull refresh | feature-ui-feedback |
| Topic | Description | Reference | |-------|-------------|-----------| | Network | HTTP requests, file upload/download, WebSocket | feature-network | | Storage | Local storage, file system, caching | feature-storage | | System Info | Device info, network status, screen, vibration | feature-system-info | | File Operations | Image/video selection, file system operations | feature-file-operations | | Location | Geolocation, map component, address selection | feature-location | | Lifecycle | App and page lifecycle hooks | feature-lifecycle |
| Topic | Description | Reference | |-------|-------------|-----------| | pages.json | Page routing, tab bar, global styles, sub-packages | config-pages | | manifest.json | App config, permissions, platform settings | config-manifest |
| Platform | Support Level | |----------|---------------| | iOS App | Full support | | Android App | Full support | | HarmonyOS Next | Full support | | H5/Web | Full support | | WeChat Mini Program | Full support | | Alipay Mini Program | Full support | | Baidu Smart Program | Full support | | Douyin Mini Program | Full support | | QQ Mini Program | Full support | | Kuaishou Mini Program | Full support | | Feishu Mini Program | Full support | | JD Mini Program | Full support | | HarmonyOS Meta Service | Full support |
Use special comments to write platform-specific code:
<!-- #ifdef APP-PLUS -->
<view>App only</view>
<!-- #endif -->
<!-- #ifdef MP-WEIXIN -->
<view>WeChat only</view>
<!-- #endif -->
Most uni-app APIs support Promise when no callback is provided:
const res = await uni.request({ url: 'https://api.example.com' })
当需要查询 uni-app 官方文档时,优先调用 search-docs-by-Uniapp-official MCP 工具搜索相关 API 文档和使用示例。
使用场景:
工具安装: 如果检测到该 MCP 工具不可用,引导用户访问 https://github.com/uni-helper/mcp 进行安装。
development
Skill 是一组可复用的执行规则与工作流,用来让 AI 在特定任务中更稳定地输出结果。
development
Provides per-component and per-API examples with platform compatibility details for uni-app-x (Vue 3 + TypeScript + Vite). Use when the user needs official uni-app-x built-in components, API references with examples, cross-platform compatibility checks, or conditional compilation guidance for uni-app-x projects.
development
帮助用户在 uni-app、taro、uni-app x 与原生小程序项目中接入和排障 weapp-tailwindcss。Use when 用户提到 weapp-tailwindcss、小程序 Tailwind 不生效、rpx 任意值、JS 字符串 class、space-y/space-x、weapp-tw patch、content/@source、twMerge/cva/tv。
development
Evaluate research rigor. Assess methodology, experimental design, statistical validity, biases, confounding, evidence quality (GRADE, Cochrane ROB), for critical analysis of scientific claims.