mcpField
U
uni-app

uni-app

github.com/uview-proDevelopment10455 installsUpdated 4d ago
Repository

About uni-app

uni-app is a Vue.js-based cross-platform framework for developers building apps for mobile, web, and mini-program platforms. It combines shared components and APIs with conditional compilation for platform-specific code.

Key features

  1. 01iOS, Android, HarmonyOS, and web support
  2. 02Mini-program platform support
  3. 03Reusable UI and form components
  4. 04Network, storage, and device APIs
  5. 05Conditional compilation for platform-specific code

Use cases

  1. 01Building apps for several mobile platforms
  2. 02Creating responsive web applications
  3. 03Developing mini-program applications

Install

Copy the command and run it in a terminal.

$npx skills add https://github.com/uview-pro/skills --skill uni-app

After installing, type/uni-appin Claude Code to confirm it loaded.

Bundled files

References and scripts installed along with SKILL.md.

references/
config-manifest.md
config-pages.md
core-form-components.md
core-framework.md
core-view-components.md
feature-file-operations.md
feature-lifecycle.md
feature-location.md
feature-media-components.md
feature-navigation.md
feature-network.md
feature-storage.md
feature-system-info.md
feature-ui-feedback.md

Details

From the project README

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).

Core

TopicDescriptionReference
Core FrameworkProject structure, platform support, condition compilationcore-framework
View Componentsview, scroll-view, swiper, movable-area, cover-viewcore-view-components
Form Componentsinput, textarea, picker, checkbox, radio, switch, slidercore-form-components

Features

UI Components
TopicDescriptionReference
Media Componentsimage, video, camera, live-player, mapfeature-media-components
Navigationnavigator, routing, page navigationfeature-navigation
UI Feedbacktoast, modal, loading, action sheet, pull refreshfeature-ui-feedback
APIs
TopicDescriptionReference
NetworkHTTP requests, file upload/download, WebSocketfeature-network
StorageLocal storage, file system, cachingfeature-storage
System InfoDevice info, network status, screen, vibrationfeature-system-info
File OperationsImage/video selection, file system operationsfeature-file-operations
LocationGeolocation, map component, address selectionfeature-location
LifecycleApp and page lifecycle hooksfeature-lifecycle

Configuration

TopicDescriptionReference
pages.jsonPage routing, tab bar, global styles, sub-packagesconfig-pages
manifest.jsonApp config, permissions, platform settingsconfig-manifest

Platform Support

PlatformSupport Level
iOS AppFull support
Android AppFull support
HarmonyOS NextFull support
H5/WebFull support
WeChat Mini ProgramFull support
Alipay Mini ProgramFull support
Baidu Smart ProgramFull support
Douyin Mini ProgramFull support
QQ Mini ProgramFull support
Kuaishou Mini ProgramFull support
Feishu Mini ProgramFull support
JD Mini ProgramFull support
HarmonyOS Meta ServiceFull support

Key Concepts

Condition Compilation

Use special comments to write platform-specific code:

<!-- #ifdef APP-PLUS -->
<view>App only</view>
<!-- #endif -->

<!-- #ifdef MP-WEIXIN -->
<view>WeChat only</view>
<!-- #endif -->
API Promise Support

Most uni-app APIs support Promise when no callback is provided:

const res = await uni.request({ url: 'https://api.example.com' })
Cross-Platform Best Practices
  1. Use uni-app components and APIs instead of platform-specific ones
  2. Use condition compilation for platform-specific features
  3. Test on all target platforms
  4. Use rpx for responsive layouts
  5. Handle platform differences in manifest.json

Comments

Markdown supported