菜单
将此技能应用于所有 uni-app / uniapp / uni-app x / UTS / HBuilderX / DCloud 跨端开发任务；包括 H5、小程序、App、HarmonyOS、鸿蒙元服务、pages.json、manifest.json、uni API、Pinia、条件编译、测试、CI/CD、安全、UTS 插件等场景。
默认使用会先检查来源的 Prompt；你也可以切换为直接命令，或下载本地副本。
决定是否安装前，请先阅读 SKILL.md，以及 SkillsMP 当前展示的配套文件。
基于 SOC 职业分类
用 Codex 或 Claude 帮你安装 复制这段 Prompt，粘贴到 Codex、Claude 或其他助手里，让它检查 Skill 页面并帮你完成安装。
直接命令不会经过审查 Prompt；运行前请先检查来源。
npx skills add https://github.com/SnowBeatRain/skills --skill uniapp-skill命令会保持在同一行。复制前请横向滚动并检查完整内容。
想先保存到本地？可下载 SkillsMP 当前能够提供的文件。
正在显示 SKILL.md
Use when building, modifying, reviewing, upgrading, testing, launching, or troubleshooting Stripe integrations and operations across payments, Billing, Connect, Tax, Treasury, Terminal, fraud, disputes, reporting, SDKs, webhooks, and Stripe AI tooling.
用于设计系统、UI/UX 设计决策、视觉风格定义、配色方案、字体选型、布局模式、间距系统、组件设计规范；当用户提到设计系统、design system、配色、色彩方案、color palette、字体、typography、布局、layout、间距、spacing、圆角、border-radius、阴影、shadow、设计规范、设计令牌、design token、品牌风格、brand style、视觉语言时使用。不用于纯后端逻辑、数据库设计或与 UI 无关的架构决策。
用于 UI 视觉风格选型、风格方向探索、美学参考；当用户提到 UI 风格、视觉风格、glassmorphism、毛玻璃、brutalism、粗野主义、claymorphism、粘土风、neumorphism、新拟态、bento、便当盒布局、minimalism、极简、skeuomorphism、拟物、dark mode、暗色模式、flat design、扁平化、landing page 风格、dashboard 风格时使用。不用于配色/字体/间距等设计系统基础（用 design-system）。
| name | uniapp-skill |
| description | 将此技能应用于所有 uni-app / uniapp / uni-app x / UTS / HBuilderX / DCloud 跨端开发任务；包括 H5、小程序、App、HarmonyOS、鸿蒙元服务、pages.json、manifest.json、uni API、Pinia、条件编译、测试、CI/CD、安全、UTS 插件等场景。 |
帮助 Agent 处理 uni-app / uni-app x 项目的开发、审查、调试、配置、测试与发布。主文件保持轻量；详细示例和长表格放在 references/ 中，按任务读取。
官方文档：https://uniapp.dcloud.net.cn/
用户提到以下内容时使用：
uni-app、uniapp、uni-app x、uvue、nvue、UTS、HBuilderX、DCloud。pages.json、manifest.json、条件编译、uni.request、uni.navigateTo、easycom、uni-ui。harmony-uts-plugin。sqlite-uniapp-uts。APP-HARMONY、MP-HARMONY 还是多端。pages.json、manifest.json、项目结构和已有平台条件编译。uni.*、内置组件、uni-ui、DCloud 插件解决时，不要直接引入 Web/Node/浏览器专用方案。uni.request，路由优先 uni.navigateTo / switchTab 等 uni API。references/full-guide.md 或下方索引开始。#ifdef / #ifndef 隔离平台差异。APP 包含鸿蒙，APP-PLUS 不包含鸿蒙；鸿蒙 App 用 APP-HARMONY。uni.request。uni.switchTab()，不要用 navigateTo()。onLoad / onShow 等页面生命周期。||，不要假设支持复杂 JS 表达式。uni.* 是否已覆盖；确需原生封装时使用 harmony-uts-plugin。sqlite-uniapp-uts 管统一 API、能力矩阵和真机验证。| 场景 | 读取 |
|---|---|
| 完整详细指南 / 原长版内容 | references/full-guide.md |
| 项目搭建与目录 | references/project-setup.md |
| 页面与路由配置 | references/pages-config.md |
manifest.json | references/manifest.md |
| 生命周期 | references/lifecycle.md |
| 网络、路由、存储、UI API | references/api.md |
| 进阶网络（WebSocket / UDP / mDNS） | references/network-advanced.md |
| 组件与 uni-ui | references/components.md、references/more-components.md |
| 条件编译与平台标识 | references/conditional-compilation.md |
| Vue3 写法与迁移 | references/vue3-patterns.md |
| 样式、性能、RenderJS、WebView、SSR | references/advanced-features.md |
| App 原生能力 / 权限判断 | references/app-native.md、references/native-resources.md、references/app-permissions.md |
| uniCloud、UniPush、统计、一键登录、广告变现 | references/cloud-services.md、references/advertising.md |
| uni-app x / UTS | references/uniapp-x-uts.md |
| nvue 横竖屏兼容 | references/nvue-landscape-layout.md |
| 鸿蒙基础/开发/发布/迁移 | references/harmony-basics.md、references/harmony-development.md、references/harmony-advanced.md、references/harmony-migration.md |
| 媒体、文件、设备系统 API | references/media-file-api.md、references/system-device-api.md、references/canvas-api.md、references/hardware-open-api.md |
| web-view / Native.js / WXS / subNVue | references/webview.md、references/native-js.md、references/wxs.md、references/subnvue.md |
| 富文本、共享元素、Datacom | references/editor.md、references/share-element.md、references/datacom.md |
| 测试、安全、CI/CD | references/testing.md、references/security.md、references/cicd.md |
| DCloud 开发者中心（账号/应用/云打包/发票） | references/dev-center.md |
| 调试发布与避坑 | references/debug-publish.md、references/pitfalls.md、references/community-practices.md |
px，关键 overlay 有独立直接类选择器。isLandscape 控制尺寸。