Back to Skills

uni-app

Comprehensive skill reference for uni-app cross-platform development framework

93stars3forksUpdated 8/3/2026

Security Assessment

Safe(95/100)
Security Score95/100

About uni-app

This skill is a comprehensive reference for uni-app, the Vue.js-based cross-platform framework for building applications that run on iOS, Android, HarmonyOS, responsive Web, and a wide range of mini-program platforms including WeChat, Alipay, Baidu, Douyin, Feishu, QQ, Kuaishou, DingTalk, Taobao, and JD. It solves the problem of remembering the many components, APIs, and configuration options across uni-app's broad surface by organizing them into a navigable set of reference documents generated from the official uni-app documentation.

The material is grouped into Core (project structure and platform support, view components like view/scroll-view/swiper/movable-area/cover-view, and form components), Features covering UI components (media, navigation, UI feedback) and APIs (network with HTTP/upload/download/WebSocket, storage, system info, file operations, location, and lifecycle), and Configuration for pages.json and manifest.json. Each topic links to a dedicated reference file with component properties, events, and code examples. Key concepts include condition compilation using platform-specific comment blocks, Promise support on most uni APIs, and cross-platform best practices such as using rpx for responsive layouts. The skill also points to an optional MCP tool for searching the official uni-app documentation and directs users to install it if unavailable.

The target users are Vue developers building cross-platform mobile, web, and mini-program applications with uni-app. Use cases include looking up component APIs, choosing the right networking or storage API, configuring pages and app manifests, and writing platform-specific code with condition compilation.

FAQ

What platforms does uni-app target?

iOS, Android, HarmonyOS Next, H5/Web, and mini-programs including WeChat, Alipay, Baidu, Douyin, QQ, Kuaishou, Feishu, and JD, all listed as fully supported.

How is the reference organized?

Into Core (framework, view and form components), Features (media, navigation, UI feedback, network, storage, system info, file operations, location, lifecycle), and Configuration (pages.json and manifest.json), each linking to a dedicated reference file.

How do I write platform-specific code?

Use condition compilation with special comment blocks such as #ifdef APP-PLUS or #ifdef MP-WEIXIN around the platform-specific markup or logic.

Is there an official-docs lookup tool?

Yes. The skill recommends calling the search-docs-by-Uniapp-official MCP tool for detailed API lookups and points to github.com/uni-helper/mcp to install it if unavailable.

What are the cross-platform best practices?

Prefer uni-app components and APIs over platform-specific ones, use condition compilation for platform features, use rpx for responsive layouts, handle platform differences in manifest.json, and test on all target platforms.

All Files

16 files
references/core-view-components.md5.2 KB
View
references/feature-file-operations.md7.0 KB
View
references/feature-media-components.md7.1 KB
View
references/feature-ui-feedback.md6.3 KB
View
references/config-pages.md5.8 KB
View
references/feature-network.md7.4 KB
View
GENERATION.md2.4 KB
View
references/config-manifest.md6.1 KB
View
references/core-framework.md3.4 KB
View
references/feature-location.md8.5 KB
View
references/feature-system-info.md6.4 KB
View
references/core-form-components.md6.0 KB
View
references/feature-lifecycle.md7.3 KB
View
references/feature-storage.md5.2 KB
View
references/feature-navigation.md4.6 KB
View
SKILL.md4.1 KB
View

Install uni-app

Download and extract the skill files to your .claude/skills/ directory.

Quick Setup:

  1. Copy the skill folder to .claude/skills/
  2. Claude will automatically detect and use the skill