agentCLAWHUBUnverified
Uniapp Guide
提供完整的uni-app跨平台应用开发指导，包括环境配置、项目创建、组件开发、生命周期管理、API调用、多平台调试及发布流程。 Skill: Uniapp Guide Owner: w333bao Summary: 提供完整的uni-app跨平台应用开发指导，包括环境配置、项目创建、组件开发、生命周期管理、API调用、多平台调试及发布流程。 Tags: latest:1.0.0 Version history: v1.0.0 | 2026-03-26T01:50:21.614Z | auto Uniapp-guide 1.0.0 - Initial Release - Provides comprehensive, step-by-step guidance for uni-app cross-platform development. - Covers environment setup, project creation (Vue 2 & Vue 3), and core configuration. - Includes lifecycle, co
OpenClaw
Rank
62
Safety
84
Downloads
2.0k
Updated
Oct 9, 2026
Version
1.0.0
Source
CLAWHUB
About
What it does, and when to use it.
Capability contract not published. No trust telemetry is available yet. 2K downloads reported by the source. Last updated 10/9/2026.
Avoid when
- Contract metadata is missing or unavailable for deterministic execution.
Risk flags: missing_or_unavailable_contract, trust_data_unavailable, schema_references_missing
Public facts
Every fact links back to the source it came from.
- Vendor
- Clawhubvendor · observed Oct 9, 2026
- Protocol compatibility
- OpenClawcompatibility · observed Oct 9, 2026
- Adoption signal
- 2K downloadsadoption · observed Oct 9, 2026
- Latest release
- 1.0.0release · observed Mar 26, 2026
- Handshake status
- UNKNOWNsecurity
Install and run
Setup complexity: low.
clawhub skill install s17feed5hn6d4egnq6w8sr4fhh83mszx:uniapp-guide- Setup complexity is LOW. This package is likely designed for quick installation with minimal external side-effects.
- Final validation: Expose the agent to a mock request payload inside a sandbox and trace the network egress before allowing access to real customer data.
Contract: missing
curl -s "https://www.xpersona.co/api/v1/agents/clawhub-w333bao-uniapp-guide/snapshot"
Documentation
CLAWHUB
13,544 characters of source documentation, loaded on request.
Extracted files
4 files captured from the source.
skill.md
# Uni-app 跨平台应用开发专家
> 一站式 uni-app 跨平台应用开发指导，助您快速掌握从环境配置到项目发布的全流程。
## 核心能力
- **环境配置**：Node.js、HBuilderX、微信开发者工具等开发环境搭建
- **项目创建**：Vue 3/Vite 和 Vue 2 两种版本的项目初始化
- **开发指导**：页面生命周期、组件开发、样式编写、API 调用
- **运行调试**：Web、小程序、iOS、Android 多平台调试
- **打包发布**：H5、Android APK、iOS IPA 及各小程序平台发布
## uni-app 简介
uni-app 是 DCloud（数字天堂）推出的基于 Vue.js 的跨平台开发框架，实现**一套代码，多端发布**：
- **移动端**：iOS、Android、鸿蒙OS
- **小程序**：微信、支付宝、百度、抖音、QQ、京东小程序
- **Web端**：H5、移动端H5
- **其他**：快应用
## 环境配置
### 1. Node.js 安装
```bash
# 推荐安装 v16 或 v18 LTS 版本
# Windows: 下载安装包 https://nodejs.org/
# macOS: 使用 Homebrew
brew install node@18
# 验证安装
node -v # v18.x.x
npm -v # 9.x.x
```
### 2. HBuilderX 安装（推荐IDE）
下载地址：https://www.dcloud.io/hbuilderx.html
配置项：
- 打开 `工具 -> 设置 -> 运行配置`
- 配置 Node.js 路径
- 配置微信开发者工具路径
### 3. 微信开发者工具
下载地址：https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html
安装后配置：
1. 启动微信开发者工具
2. 设置 -> 安全设置 -> 开启服务端口
## 项目创建
### 方法1：HBuilderX 可视化创建
步骤：
1. 打开 HBuilderX
2. 文件 -> 新建 -> 项目
3. 选择模板：Hello uni-app（基础模板）或 uni-ui 项目
4. 输入项目名称
5. 选择 Vue 版本（2 或 3）
6. 点击创建
### 方法2：CLI 命令行创建
```bash
# Vue 3 + Vite 版本（推荐）
npx degit dcloudio/uni-present-vue#vite my-project
cd my-project
npm install
# Vue 2 版本
npx degit dcloudio/uni-preset-vue#v2 my-project-vue2
cd my-project-vue2
npm install
```
### Vue 3 vs Vue 2 版本选择
| 场景 | 推荐版本 | 原因 |
|------|---------|------|
| 新项目 | Vue 3 | 性能更好，Composition API 更灵活 |
| 老项目维护 | Vue 2 | 稳定性高，插件生态丰富 |
| 需要更好性能 | Vue 3 | Vite 编译更快，产物更小 |
| 使用 uni-ui 最新版 | Vue 3 | uni-ui 主要支持 Vue 3 |
## 项目结构
```
my-project/
├── pages/ # 页面目录
│ ├── index/
│ │ ├── index.vue # 页面组件
│ │ └── index.json # 页面配置
│ └── mine/
│ └── mine.vue
├── components/ # 公共组件
│ └── my-component/
│ └── my-component.vue
├── static/ # 静态资源
├── utils/ # 工具函数
│ └── request.js
├── App.vue # 应用实例
├── main.js # 应用入口
├── manifest.json # 应用配置
├── pages.json # 页面路由配置
└── uni.scss # 全局样式变量
```
## 核心配置
### pages.json - 页面路由配置
```json
{
"pages": [
{
"path": "pages/index/index",
"style": {
"navigationBarTitleText": "首页",
"enablePullDownRefresh": true
}
}
],
"tabBar": {
"color": "#7A7E83",
"selectedColor": "#007AFF",
"list": [
{
"pagePath": "pages/index/index",
"text": "首页",
"iconPath": "static/tabbar/home.png",
"selectedIconPath": "static/tabbar/home-active.png"
},
{
"pagePath": "pages/mine/mine",
"text": "我的",
"iconPath": "static/tabbar/mine.png",
"selectedIconPath": "static/tabbar/mine-active.png"
}
]
}
}
```
### manifest.json - 应用配置
```json
{
"name": "my-app",
"appid": "__UNI__XXXXXX",
"description": "应用描述",
"versionName": "1.0.0",
"versionCode": "100",
"app-plus": {
"usingComponents": true,
"splashscreen_meta.json
{
"ownerId": "kn79by9jnjmn2c76ftge7wnnq583mmh9",
"slug": "uniapp-guide",
"version": "1.0.0",
"publishedAt": 1774489821614
}skill-card.md
## Description: Uniapp Guide provides practical uni-app cross-platform development guidance covering environment setup, project creation, configuration, lifecycle patterns, components, API calls, debugging, and publishing. This skill is ready for commercial/non-commercial use. ## Publisher: [w333bao](https://clawhub.ai/user/w333bao) ### License/Terms of Use: MIT-0 ## Use Case: Developers and engineers use this skill to get concise guidance and examples for building, debugging, and releasing uni-app applications across web, mobile app, and mini program targets. ### Deployment Geography for Use: Global ## Known Risks and Mitigations: Risk: Copy-pasted setup commands may fetch templates or packages that change over time. Mitigation: Verify repository names and pin package or template versions where possible before running setup commands. Risk: Running npm setup with elevated privileges can expand the impact of malicious or compromised packages. Mitigation: Run package installation as a normal user in a project workspace rather than as an administrator. Risk: Disabling WeChat URL checks outside local debugging can weaken request origin protections. Mitigation: Keep WeChat urlCheck enabled for non-local and production builds. Risk: Example API code reads a stored token and attaches it to requests. Mitigation: Only send stored tokens to trusted API origins and adapt authentication handling before production use. ## Reference(s): - [ClawHub Skill Page](https://clawhub.ai/w333bao/skills/uniapp-guide) - [uni-app Documentation](https://uniapp.dcloud.net.cn/) - [uni-ui Components](https://uniapp.dcloud.net.cn/component/uniui/) - [DCloud Community](https://ask.dcloud.net.cn/) - [DCloud Plugin Marketplace](https://ext.dcloud.net.cn/) - [HBuilderX](https://www.dcloud.io/hbuilderx.html) - [WeChat Developer Tools](https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html) ## Skill Output: **Output Type(s):** [text, markdown, code, shell commands, configuration, guidance] **Output Format:** [Markdown with inline code blocks and command examples] **Output Parameters:** [1D] **Other Properties Related to Output:** [Provides human-facing development guidance; generated examples should be reviewed before execution or production use.] ## Skill Version(s): 1.0.0 (source: evidence.release.version and artifact/skill.json) ## Ethical Considerations: Users should evaluate whether this skill is appropriate for their environment, review any generated or modified files before relying on them, and apply their organization's safety, security, and compliance requirements before deployment.
skill.json
{
"name": "uniapp-guide",
"version": "1.0.0",
"title": "Uni-app 跨平台开发指南",
"description": "全面的 uni-app 跨平台应用开发指南，从环境配置到项目发布的完整教程",
"author": "MiniMax Agent",
"tags": ["uni-app", "跨平台", "Vue", "小程序", "移动开发", "前端开发"],
"homepage": "https://uniapp.dcloud.net.cn/"
}Github ReposUpdated 5h agoRank 70
AionUi
Free, local, open-source 24/7 Cowork app and OpenClaw for Gemini CLI, Claude Code, Codex, OpenCode, Qwen Code, Goose CLI, Auggie, and more | 🌟 Star if you like it!
MCPOPENCLAW
Github ReposUpdated 6mo agoRank 70
activepieces
AI Agents & MCPs & AI Workflow Automation • (~400 MCP servers for AI agents) • AI Automation / AI Agent with MCPs • AI Workflows & AI Agents • MCPs for AI Agents
OPENCLAW
Github ReposUpdated 6mo agoRank 70
cherry-studio
AI productivity studio with smart chat, autonomous agents, and 300+ assistants.
MCPOPENCLAW
Github ReposUpdated 7mo agoRank 70
CopilotKit
The Frontend for Agents & Generative UI. React + Angular
OPENCLAW
Machine-readable data
The same record, as JSON, for agents and crawlers.
{
"facts": [
{
"factKey": "vendor",
"category": "vendor",
"label": "Vendor",
"value": "Clawhub",
"href": "https://clawhub.ai/w333bao/skills/uniapp-guide",
"sourceUrl": "https://clawhub.ai/w333bao/skills/uniapp-guide",
"sourceType": "profile",
"confidence": "medium",
"observedAt": "2026-10-09T21:56:10.055Z",
"isPublic": true
},
{
"factKey": "protocols",
"category": "compatibility",
"label": "Protocol compatibility",
"value": "OpenClaw",
"href": "https://www.xpersona.co/api/v1/agents/clawhub-w333bao-uniapp-guide/contract",
"sourceUrl": "https://www.xpersona.co/api/v1/agents/clawhub-w333bao-uniapp-guide/contract",
"sourceType": "contract",
"confidence": "medium",
"observedAt": "2026-10-09T21:56:10.055Z",
"isPublic": true
},
{
"factKey": "traction",
"category": "adoption",
"label": "Adoption signal",
"value": "2K downloads",
"href": "https://clawhub.ai/w333bao/uniapp-guide",
"sourceUrl": "https://clawhub.ai/w333bao/uniapp-guide",
"sourceType": "profile",
"confidence": "medium",
"observedAt": "2026-10-09T21:56:10.055Z",
"isPublic": true
},
{
"factKey": "latest_release",
"category": "release",
"label": "Latest release",
"value": "1.0.0",
"href": "https://clawhub.ai/w333bao/uniapp-guide",
"sourceUrl": "https://clawhub.ai/w333bao/uniapp-guide",
"sourceType": "release",
"confidence": "medium",
"observedAt": "2026-03-26T01:50:21.614Z",
"isPublic": true
},
{
"factKey": "handshake_status",
"category": "security",
"label": "Handshake status",
"value": "UNKNOWN",
"href": "https://www.xpersona.co/api/v1/agents/clawhub-w333bao-uniapp-guide/trust",
"sourceUrl": "https://www.xpersona.co/api/v1/agents/clawhub-w333bao-uniapp-guide/trust",
"sourceType": "trust",
"confidence": "medium",
"observedAt": null,
"isPublic": true
}
],
"events": [
{
"eventType": "release",
"title": "Release 1.0.0",
"description": "Uniapp-guide 1.0.0 - Initial Release - Provides comprehensive, step-by-step guidance for uni-app cross-platform development. - Covers environment setup, project creation (Vue 2 & Vue 3), and core configuration. - Includes lifecycle, component development, API request pattern, and navigation routing examples. - Explains platform-specific conditional compilation. - Offers concise instructions for debugging and deploying to H5, App, and various mini program platforms.",
"href": "https://clawhub.ai/w333bao/uniapp-guide",
"sourceUrl": "https://clawhub.ai/w333bao/uniapp-guide",
"sourceType": "release",
"confidence": "medium",
"observedAt": "2026-03-26T01:50:21.614Z",
"isPublic": true
}
]
}Record generated Oct 10, 2026.