Agent skill

UniApp uView UI Integration

by feige996 in feige996/unibest

Integrates uView UI into UniApp projects: installation, easycom, pages.json and manifest.json settings, navigation, platform differences and theming, with reference files.

MITAuto-check passedFrontend & Design

Install UniApp uView UI Integration

skills CLI
$ npx skills add feige996/unibest --skill uniapp-uview -a claude-code

Project install by default; add -g for ~/.claude/skills/.

GitHub CLI
$ gh skill install feige996/unibest uniapp-uview --agent claude-code

Project scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).

Manual copy
$ git clone --depth 1 https://github.com/feige996/unibest.git skills-src && mkdir -p .claude/skills && cp -r skills-src/.agents/bak-skills/uniapp-uview .claude/skills/uniapp-uview && rm -rf skills-src

Use ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.

Claude Code skills documentation · loads skills from .claude/skills/

Facts

Skill name
uniapp-uview
GitHub stars
2.3k
Token cost
~1.7k tokens
SKILL.md length
635 words
Files
21
Skills in repo
14
Repo updated
First seen
Licence
MIT

At a glance

Integrates uView UI into UniApp projects: installation, easycom, pages.json and manifest.json settings, navigation, platform differences and theming, with reference files.

  • Works in 5 steps: 环境准备 → 配置初始化 → 核心功能使用 → …
  • Adding uView UI to a new or existing UniApp project
  • SKILL.md covers When to use this skill, How to use this skill, Examples and Templates and API Reference, plus 6 more sections
  • Instructions only: no scripts, shell commands, URLs or credentials in SKILL.md

What it does

This skill covers using the uView UI component library inside UniApp projects, with the focus on UniApp-specific setup rather than the components themselves. Its guidance is organized as reference files the agent loads in order: installation, project setup and easycom configuration first, then pages.json, manifest.json, navigation and UniApp API usage.

Later files deal with platform behavior for H5, mini-program, App and nvue targets, and with advanced topics such as custom themes, build optimization and multi-platform deployment. Two API references describe the integration and configuration options, and template files give a basic UniApp project with uView and a pages configuration to start from.

When your agent uses it

  • Adding uView UI to a new or existing UniApp project
  • Configuring easycom so uView components import automatically
  • Handling H5, mini-program, App or nvue differences with uView components
  • Setting up pages.json and manifest.json for a uView-based app

Example prompts

  • “Install uView UI in my UniApp project and set up easycom.”
  • “Why do my uView components look different in the mini-program build than in H5?”
  • “Change the uView theme colors for my UniApp app.”
  • “Walk me through the pages.json and manifest.json settings for a uView app.”

Requirements

  • A UniApp project

Workflow steps

5 steps, taken from the step headings in SKILL.md.

  1. 环境准备
  2. 配置初始化
  3. 核心功能使用
  4. 测试验证
  5. 部署上线

What it can do on your machine

Read from SKILL.md and the folder at commit dc3af8d. It shows what the files ask for, not the result of running them.

  • Tool permissions

    Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.

    From allowed-tools in the SKILL.md frontmatter.

  • Runs code

    No scripts in the folder and no shell commands in SKILL.md.

    From the folder's file list and the shell code blocks in SKILL.md.

  • Network

    Links to these hosts (documentation or services it may open):

    • ext.dcloud.net.cn
    • uniapp.dcloud.net.cn
    • uviewui.com

    From URLs in SKILL.md, links to its own repository left out.

  • Credentials

    Names no API keys, tokens, secrets or passwords.

    From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.

Context cost

UniApp uView UI Integration loads about 1.7k tokens when it runs. Until then it costs about 97 tokens; SKILL.md has 635 words of instructions outside code blocks.

Always · name and description, kept in context so the agent knows when to use it
~97
When it runs · the whole SKILL.md, loaded when a task matches
~1.7k

Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.

Safety

Auto-check passed

The automated check found no risky patterns in SKILL.md.

Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.

SKILL.md

The full file from feige996/unibest at commit dc3af8d, republished under its MIT licence (© feige996). 635 words, ~1,749 tokens.

Download SKILL.mdSave it as .claude/skills/uniapp-uview/SKILL.md (or your agent's skills folder). This skill also uses 20 other files; get the full folder from GitHub.
name
uniapp-uview
description
A comprehensive skill for integrating and using uView UI with UniApp projects. This skill focuses on UniApp-specific integration, configuration, and platform-specific considerations when using uView UI in UniApp applications. Use this skill whenever the user needs to integrate uView UI into UniApp projects, configure UniApp-specific settings, or handle platform differences.
license
Complete terms in LICENSE.txt

When to use this skill

Use this skill whenever the user wants to:

  • Integrate uView UI into UniApp projects
  • Configure UniApp projects to work with uView UI (pages.json, manifest.json, easycom)
  • Handle platform-specific behaviors when using uView in UniApp (H5, mini-program, App, nvue)
  • Use UniApp features (navigation, APIs, lifecycle) with uView components
  • Build cross-platform UniApp applications with uView UI components
  • Configure easycom for automatic uView component import in UniApp
  • Handle navigation and routing with uView in UniApp
  • Optimize UniApp projects using uView UI
  • Deploy uView-based UniApp applications to multiple platforms

How to use this skill

This skill is organized to match UniApp integration patterns and the official UniApp plugin structure (https://ext.dcloud.net.cn/plugin?id=1593). When working with uView UI in UniApp:

  1. Install and setup uView UI in UniApp project:

    • Load examples/getting-started/installation.md for installation in UniApp
    • Load examples/getting-started/project-setup.md for UniApp project configuration
    • Load examples/getting-started/easycom-config.md for easycom configuration
  2. Integrate with UniApp features:

    • Load examples/integration/pages-config.md for pages.json configuration
    • Load examples/integration/manifest-config.md for manifest.json configuration
    • Load examples/integration/navigation.md for navigation with uView
    • Load examples/integration/uni-api.md for using UniApp APIs with uView
  3. Handle platform-specific behaviors:

    • Load examples/platform-specific/h5.md for H5 platform considerations
    • Load examples/platform-specific/miniprogram.md for mini-program considerations
    • Load examples/platform-specific/app.md for App platform considerations
    • Load examples/platform-specific/nvue.md for nvue considerations
  4. Advanced integration:

    • Load examples/advanced/custom-theme.md for theme customization in UniApp
    • Load examples/advanced/build-optimization.md for build optimization
    • Load examples/advanced/multi-platform.md for multi-platform deployment
  5. Reference the API documentation when needed:

    • api/integration-api.md - UniApp and uView integration API
    • api/config-api.md - Configuration API reference
  6. Use templates for quick start:

    • templates/basic-uniapp-project.md - Basic UniApp project with uView
    • templates/pages-template.md - Pages configuration template
    • templates/manifest-template.md - Manifest configuration template

Important Notes:

  • This skill focuses on UniApp integration, not uView UI API documentation
  • uView UI supports both Vue 2 and Vue 3, use appropriate syntax
  • Always configure easycom in pages.json for automatic component import
  • Use conditional compilation (#ifdef, #endif) for platform-specific code
  • Test on all target platforms (H5, mini-programs, App) before deployment
  • Use rpx units for responsive sizing in UniApp

Examples and Templates

Getting Started
  • Installation: examples/getting-started/installation.md - How to install uView UI in UniApp projects
  • Project Setup: examples/getting-started/project-setup.md - Setting up UniApp project with uView
  • Easycom Config: examples/getting-started/easycom-config.md - Configuring easycom for automatic component import
Integration
  • Pages Config: examples/integration/pages-config.md - Configuring pages.json with uView
  • Manifest Config: examples/integration/manifest-config.md - Configuring manifest.json for uView
  • Navigation: examples/integration/navigation.md - Navigation and routing with uView
  • UniApp API: examples/integration/uni-api.md - Using UniApp APIs with uView components
Show full SKILL.md (256 more words)Show less
Platform-Specific
  • H5: examples/platform-specific/h5.md - H5 platform considerations with uView
  • Mini-Program: examples/platform-specific/miniprogram.md - Mini-program considerations with uView
  • App: examples/platform-specific/app.md - App platform considerations with uView
  • nvue: examples/platform-specific/nvue.md - nvue considerations with uView
Advanced
  • Custom Theme: examples/advanced/custom-theme.md - Customizing themes in UniApp projects
  • Build Optimization: examples/advanced/build-optimization.md - Optimizing UniApp builds with uView
  • Multi-Platform: examples/advanced/multi-platform.md - Multi-platform deployment strategies
Templates
  • Basic Project: templates/basic-uniapp-project.md - Basic UniApp project structure with uView
  • Pages Template: templates/pages-template.md - pages.json configuration template
  • Manifest Template: templates/manifest-template.md - manifest.json configuration template

API Reference

  • Integration API: api/integration-api.md - UniApp and uView integration API reference
  • Config API: api/config-api.md - Configuration API reference for UniApp projects

Best Practices

  1. Use easycom: Configure easycom in pages.json for automatic uView component import
  2. Platform Testing: Test on all target platforms (H5, mini-programs, App)
  3. Use rpx Units: Use rpx for responsive sizing in UniApp, px for fixed sizes
  4. SCSS Support: Ensure SCSS is properly configured in UniApp project
  5. Manifest Configuration: Properly configure manifest.json for each platform
  6. Conditional Compilation: Use conditional compilation for platform-specific code
  7. Performance: Optimize for each platform's specific requirements
  8. Navigation: Use UniApp navigation API with uView components

Resources

Keywords

uniapp, uview, uview-ui, uniapp integration, uniapp configuration, easycom, pages.json, manifest.json, uni-app, 小程序, 跨平台, H5, App, nvue, 条件编译, 平台差异

能力边界

✅ 适用场景
  • 当你需要使用此技能对应的技术栈时
  • 当项目需要遵循最佳实践时
  • 当需要快速上手或深入理解核心概念时
⚠️ 需要注意
  • 复杂业务逻辑需要结合具体场景调整
  • 性能优化需要根据实际数据量评估
❌ 不适用场景
  • 不相关的技术栈或框架
  • 需要完全自定义的特殊场景

常见陷阱 (Gotchas)

  1. 版本兼容性:注意框架版本与依赖库的兼容性,不同版本 API 可能有差异
  2. 配置文件格式:配置文件格式错误是最常见的问题,建议使用编辑器的语法检查
  3. 环境变量:确保所有必要的环境变量已正确设置,敏感信息不要硬编码
  4. 依赖冲突:多版本共存时注意依赖冲突,使用 lock 文件锁定版本
  5. 性能陷阱:大数据量场景下注意性能优化,避免 N+1 查询等常见问题

使用流程

Step 1: 环境准备

确保开发环境已安装必要的依赖和工具。

Step 2: 配置初始化

根据项目需求进行基础配置。

Step 3: 核心功能使用

按照示例代码实现核心功能。

Step 4: 测试验证

运行测试确保功能正常。

Step 5: 部署上线

完成开发后进行部署和监控。

© feige996, MIT. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file

Files

SKILL.md and 20 other files in .agents/bak-skills/uniapp-uview of feige996/unibest.

  • SKILL.md
  • api/config-api.md
  • api/integration-api.md
  • examples/advanced/build-optimization.md
  • examples/advanced/custom-theme.md
  • examples/advanced/multi-platform.md
  • examples/getting-started/easycom-config.md
  • examples/getting-started/installation.md
  • examples/getting-started/project-setup.md
  • examples/integration/manifest-config.md
  • examples/integration/navigation.md
  • examples/integration/pages-config.md
  • examples/integration/uni-api.md
  • examples/platform-specific/app.md
  • examples/platform-specific/h5.md
  • … and 6 more

Open the folder on GitHubat commit dc3af8d

Compare with similar skills

UniApp uView UI Integration next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.

UniApp uView UI Integration compared with similar skills
SkillStarsUsed inTokensAuto-checkLicenceRepo updated
UniApp uView UI Integration this skillfeige996/unibest2.3k—~1.7kAutomated safety check: PassMIT
Material 3hamen/material-3-skill1.5k2 repos~7.8kAutomated safety check: PassMIT
Taro UI Guidejd-opensource/taro-ui4.7k—~1.3kAutomated safety check: PassMIT
Frontend UI StandardsMaxHan7/frontend-ui-standards-skill106—~2.4kAutomated safety check: PassMIT
Maui Themingdotnet/skills5.6k1 repos~4.1kAutomated safety check: PassMIT
Monochromatic UIsickn33/agentic-awesome-skills47k1 repos~2.7kAutomated safety check: PassMIT

Similar skills

  • Material 3

    hamen/material-3-skill

    Implement Google's Material Design 3 (Material You) UI system.

    1.5k GitHub starsUsed in 2 repos~7.8k tokens
    Frontend & DesignAuto-check passed
  • Taro UI Guide

    jd-opensource/taro-ui

    Guides installing, configuring, styling and using taro-ui (At* components) in Taro apps for WeChat, Alipay, H5 and React Native.

    4.7k GitHub stars~1.3k tokensUpdated 13 days ago
    Frontend & DesignAuto-check passed
  • Frontend UI Standards

    MaxHan7/frontend-ui-standards-skill

    A skill your agent uses when implementing, refactoring, or reviewing frontend UI across SwiftUI, React, React Native, Flutter, web, or mobile apps.

    106 GitHub stars~2.4k tokensUpdated 3 mo ago
    Frontend & DesignAuto-check passed
  • Maui Theming

    dotnet/skills

    Official

    Guide for theming .NET MAUI apps — light/dark mode via AppThemeBinding, ResourceDictionary theme switching, DynamicResource bindings, system theme detection, and user theme preferences.

    5.6k GitHub starsUsed in 1 repo~4.1k tokens
    Frontend & DesignAuto-check passed
  • Monochromatic UI

    sickn33/agentic-awesome-skills

    Web and App implementation guide for Monochromatic UI. An agent skill from sickn33/agentic-awesome-skills.

    47k GitHub starsUsed in 1 repo~2.7k tokens
    Frontend & DesignAuto-check passed
  • Uniwind

    Ohh-889/skyroc

    Uniwind — Tailwind CSS v4 styling for React Native. An agent skill from Ohh-889/skyroc.

    795 GitHub stars~1.4k tokensUpdated 1 mo ago
    Frontend & DesignAuto-check passed

More from feige996/unibest

All 14 skills in this repo
  • Gives per-component and per-API examples, reference specs and compatibility notes for building cross-platform uni-app apps, mirroring the official documentation.

    2.3k GitHub stars~1.6k tokensUpdated 23 days ago
    Auto-check passed
  • Reference for using uni-app-x's built-in components and APIs, with one example file per item, official doc links and platform compatibility notes.

    2.3k GitHub stars~788 tokensUpdated 23 days ago
    Auto-check passed
  • uni-ad Ads for uni-app

    feige996/unibest

    A comprehensive skill for uni-ad monetization in uni-app. Use this skill to integrate ads, configure ad types, handle ad events, and follow official uni-ad…

    2.3k GitHub stars~675 tokensUpdated 23 days ago
    Auto-check passed
  • Covers uniCloud for uni-app projects: project and cloud space setup, cloud database CRUD and permissions, cloud functions, storage and datacom components.

    2.3k GitHub stars~813 tokensUpdated 23 days ago
    Auto-check passed
  • A comprehensive skill for uni-app mini program development. Use when building uni-app mini programs, configuring mini program settings, or working with mini…

    2.3k GitHub stars~516 tokensUpdated 23 days ago
    Auto-check passed
  • A comprehensive skill for uni-app native app offline packaging. Use this skill to package uni-app as native Android/iOS apps, configure native app settings…

    2.3k GitHub stars~651 tokensUpdated 23 days ago
    Auto-check passed

Questions about UniApp uView UI Integration

What does UniApp uView UI Integration do?

Integrates uView UI into UniApp projects: installation, easycom, pages.json and manifest.json settings, navigation, platform differences and theming, with reference files. This skill covers using the uView UI component library inside UniApp projects, with the focus on UniApp-specific setup rather than the components themselves.json, navigation and UniApp API usage.

When should I use UniApp uView UI Integration?

UniApp uView UI Integration fits situations like: adding uView UI to a new or existing UniApp project; configuring easycom so uView components import automatically; handling H5, mini-program, App or nvue differences with uView components; setting up pages.json and manifest.json for a uView-based app.

How do I install UniApp uView UI Integration in Claude Code?

Run `npx skills add feige996/unibest --skill uniapp-uview -a claude-code`. Or copy the skill folder (.agents/bak-skills/uniapp-uview in feige996/unibest) into .claude/skills/uniapp-uview in your project. Claude Code loads it when a task matches its description.

How do I install UniApp uView UI Integration in Codex?

Run `npx skills add feige996/unibest --skill uniapp-uview -a codex`. Or copy the skill folder (.agents/bak-skills/uniapp-uview in feige996/unibest) into .agents/skills/uniapp-uview in your project. Codex loads it when a task matches its description.

Can I use UniApp uView UI Integration in Cursor, Gemini CLI or GitHub Copilot?

Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add feige996/unibest --skill uniapp-uview -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/uniapp-uview, .gemini/skills/uniapp-uview, .github/skills/uniapp-uview and .opencode/skills/uniapp-uview in your project.

What does UniApp uView UI Integration need to run?

SKILL.md names no scripts, command-line tools or credentials: UniApp uView UI Integration is instructions for the agent only. Our summary lists: A UniApp project.

Does UniApp uView UI Integration access the network?

SKILL.md names 3 domains. As links in the text: ext.dcloud.net.cn, uniapp.dcloud.net.cn and uviewui.com. This is read from the text; nothing was executed.

Is UniApp uView UI Integration safe to install?

Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. Review the folder before installing.

What licence does UniApp uView UI Integration use?

UniApp uView UI Integration is published under the MIT licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.

How many tokens does UniApp uView UI Integration use?

About 1.7k tokens (SKILL.md is roughly 7k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full.

What are the alternatives to UniApp uView UI Integration?

Skills that share tags, products or a category with UniApp uView UI Integration: Material 3 (hamen/material-3-skill, 1.5k stars), Taro UI Guide (jd-opensource/taro-ui, 4.7k stars), Frontend UI Standards (MaxHan7/frontend-ui-standards-skill, 106 stars) and Maui Theming (dotnet/skills, 5.6k stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains UniApp uView UI Integration?

feige996 (a GitHub user) maintains it in feige996/unibest, which has 2,275 GitHub stars. The repository holds 14 skills in this directory. The repository was last updated on September 15, 2026.

Source: feige996/unibest on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.