Uniapp Project
Navigate uni-app and uni-app-x official components and APIs with per-topic example files aligned to DCloud documentation while building cross-platform mini-program and app UIs.
Overview
uniapp-project is an agent skill for the Build phase that maps uni-app and uni-app-x components and APIs to official DCloud docs with dedicated example files for cross-platform mobile UI work.
Install
npx skills add https://github.com/teachingai/full-stack-skills --skill uniapp-projectWhat is this skill?
- Official doc alignment for uni-app components and APIs plus uni-app-x component/API mirrors
- Per-component example markdown under examples/components/built-in (view, scroll-view, swiper, icon, text, form, input, p
- Checklist coverage across view containers, basic content, and form component families
- Verification goal: each component and API has an independent example file with source doc URL
- Bilingual maintainer checklist (中文) for audit completeness against DCloud references
- 4 official doc hub URLs (uni-app component/API, uni-app-x component/API)
- Built-in checklist spans view containers, basic content, and form component families with many per-file examples
Adoption & trust: 857 installs on skills.sh; 475 GitHub stars; 3/3 security scanners passed (skills.sh audits).
What problem does it solve?
You are building on uni-app but agents omit official examples and mix outdated component APIs across mini-program and App targets.
Who is it for?
Indie developers creating uni-app or uni-app-x projects who want agent guidance grounded in official component and API listings.
Skip if: Pure native Swift/Kotlin apps, backend-only services with no DCloud UI surface, or teams not targeting uni-app runtimes.
When should I use this skill?
User is implementing or auditing a uni-app / uni-app-x project and needs component or API guidance tied to DCloud official documentation.
What do I get? / Deliverables
You get a doc-synced component and API index with concrete example paths so implementation stays aligned with uniapp.dcloud.net.cn and uni-app-x references.
- Per-component example markdown files under examples/components/built-in
- Maintainer checklist entries verifying doc parity for components and APIs
Recommended Skills
Journey fit
Canonical shelf is Build/frontend because the skill is a structured catalog for implementing uni-app screens, forms, and platform APIs. frontend covers component-level work (view, scroll-view, swiper, form controls) and API usage patterns documented against uniapp.dcloud.net.cn and uni-app-x doc mirrors.
How it compares
Skill-style uni-app doc mirror and examples—not a hosted MCP server or generic React component library.
Common Questions / FAQ
Who is uniapp-project for?
Solo builders and small teams shipping cross-platform apps with uni-app or uni-app-x who need agents to follow DCloud’s component and API canon.
When should I use uniapp-project?
Use it in Build/frontend while implementing pages, forms, and platform APIs; also when auditing that each component you touch has a matching official example file.
Is uniapp-project safe to install?
It is documentation and example scaffolding—review the Security Audits panel on this Prism page like any third-party skill pack before adding to your agent path.
SKILL.md
READMESKILL.md - Uniapp Project
# uni-app 技能与官方文档对应核对清单 ## 核对目标 确保所有 uni-app 相关技能与官方文档一一对应，每个组件和 API 都有独立的示例文件，包含原文档地址和官网全部示例。 ## 官方文档参考 - **组件文档**: https://uniapp.dcloud.net.cn/component/ - **API 文档**: https://uniapp.dcloud.net.cn/api/ - **uni-app-x 组件**: https://doc.dcloud.net.cn/uni-app-x/component/ - **uni-app-x API**: https://doc.dcloud.net.cn/uni-app-x/api/ ## 核对任务清单 ### 1. uni-app 内置组件核对 #### 视图容器组件 - [x] view - ✅ 已有文档 + ✅ 已创建示例文件 `examples/components/built-in/view.md` - [x] scroll-view - ✅ 已有文档 + ✅ 已创建示例文件 `examples/components/built-in/scroll-view.md` - [x] swiper - ✅ 已有文档 + ✅ 已创建示例文件 `examples/components/built-in/swiper.md` - [x] match-media - ✅ 已有文档 - [x] movable-area - ✅ 已有文档 - [x] movable-view - ✅ 已有文档 - [x] cover-view - ✅ 已有文档 - [x] cover-image - ✅ 已有文档 #### 基础内容组件 - [x] icon - ✅ 已有文档 + ✅ 已创建示例文件 `examples/components/built-in/icon.md` - [x] text - ✅ 已有文档 + ✅ 已创建示例文件 `examples/components/built-in/text.md` - [x] rich-text - ✅ 已有文档 + ✅ 已创建示例文件 `examples/components/built-in/rich-text.md` - [x] progress - ✅ 已有文档 + ✅ 已创建示例文件 `examples/components/built-in/progress.md` #### 表单组件 - [x] button - ✅ 已有文档 + ✅ 已创建示例文件 `examples/components/built-in/button.md` - [x] checkbox - ✅ 已有文档 + ✅ 已创建示例文件 `examples/components/built-in/checkbox.md` - [x] editor - ✅ 已有文档 - [x] form - ✅ 已有文档 + ✅ 已创建示例文件 `examples/components/built-in/form.md` - [x] input - ✅ 已有文档 + ✅ 已创建示例文件 `examples/components/built-in/input.md` - [x] label - ✅ 已有文档 + ✅ 已创建示例文件 `examples/components/built-in/label.md` - [x] picker - ✅ 已有文档 + ✅ 已创建示例文件 `examples/components/built-in/picker.md` - [x] picker-view - ✅ 已有文档 - [x] radio - ✅ 已有文档 + ✅ 已创建示例文件 `examples/components/built-in/radio.md` - [x] slider - ✅ 已有文档 + ✅ 已创建示例文件 `examples/components/built-in/slider.md` - [x] switch - ✅ 已有文档 + ✅ 已创建示例文件 `examples/components/built-in/switch.md` - [x] textarea - ✅ 已有文档 + ✅ 已创建示例文件 `examples/components/built-in/textarea.md` #### 导航组件 - [x] navigator - ✅ 已有文档 + ✅ 已创建示例文件 `examples/components/built-in/navigator.md` #### 媒体组件 - [x] audio - ✅ 已有文档 + ✅ 已创建示例文件 `examples/components/built-in/audio.md` - [x] camera - ✅ 已有文档 + ✅ 已创建示例文件 `examples/components/built-in/camera.md` - [x] image - ✅ 已有文档 + ✅ 已创建示例文件 `examples/components/built-in/image.md` - [x] video - ✅ 已有文档 + ✅ 已创建示例文件 `examples/components/built-in/video.md` - [x] live-player - ✅ 已有文档 - [x] live-pusher - ✅ 已有文档 #### 其他组件 - [x] map - ✅ 已有文档 + ✅ 已创建示例文件 `examples/components/built-in/map.md` - [x] canvas - ✅ 已有文档 + ✅ 已创建示例文件 `examples/components/built-in/canvas.md` - [x] web-view - ✅ 已有文档 + ✅ 已创建示例文件 `examples/components/built-in/web-view.md` - [x] ad - ✅ 已有文档 - [x] ad-draw - ✅ 已有文档 - [x] custom-tab-bar - ✅ 已有文档 - [x] navigation-bar - ✅ 已有文档 - [x] page-meta - ✅ 已有文档 - [x] unicloud-db - ✅ 已有文档 **状态**: ✅ 所有内置组件（40个）已有文档 ### 2. uni-ui 扩展组件核对 **状态**: ✅ 所有 uni-ui 组件（44个）已有文档 ### 3. uni-app API 核对 #### 网络请求 API - [x] uni.request - ✅ 已创建示例文件 `examples/api/network/request.md` - [x] uni.uploadFile - ✅ 已创建示例文件 `examples/api/network/upload-file.md` - [x] uni.downloadFile - ✅ 已创建示例文件 `examples/api/network/download-file.md` - [ ] uni.connectSocket - [ ] uni.onSocketOpen - [ ] uni.onSocketError - [ ] uni.sendSocketMessage - [ ] uni.onSocketMessage - [ ] uni.closeSocket - [ ] uni.onSocketClose #### 数据存储 API - [x] uni.setStorage - ✅ 已创建示例文件 `examples/api/storage/set-storage.md` - [x] uni.setStorageSync - ✅ 已创建示例文件 `examples/api/storage/set-storage-sync.md` - [x] uni.getStorage - ✅ 已创建示例文件 `examples/api/storage/get-storage.md` - [x] uni.getStorageSync - ✅ 已创建示例文件 `examples/api/storage/get-storage-sync.md` - [x] uni.getStorageInfo - ✅ 已创建示例文件 `examples/api/storage/get-storage-info.md` - [ ] uni.getStorageInfoSync - [x] uni.removeStorage - ✅ 已创建示例文件 `examples/api/storage/remove-storage.md` - [ ] uni.removeStorageSync - [x] uni.clearStorage - ✅ 已创建示例文件 `examples/api/storage/clear-storage.md` - [ ] uni.clearStorageSync #### 设备信息 API - [x] uni.getSystemInfo - ✅ 已创建示例文件 `examples/api/device/get-system-info.md` - [ ] uni.getSystemInfoSync - [x] uni.getNetworkType - ✅ 已创建示