MCPInstall

uniappx-uview-pro

by full-stack-skills

A comprehensive skill for integrating and using uView Pro with UniAppX projects. This skill focuses on UniAppX-specific integration, configuration, and platform-specific considerations when using uView Pro in UniAppX applications. Use this skill whenever the user needs to integrate uView Pro into UniAppX projects, configure UniAppX-specific settings, or handle platform differences.

Installs
116
Last 24h
—
Trending rank
—
Security
Not audited

Install

Works with every agent the skills CLI supports.

npx skills add https://github.com/full-stack-skills/uniapp-skills --skill uniappx-uview-pro
  1. 01

    Install

    Run the command in your project. The CLI asks which agents to install for.

  2. 02

    Describe the task

    Ask your agent for something this skill covers. It loads uniappx-uview-pro automatically when relevant.

  3. 03

    Review the result

    The agent follows the SKILL.md steps, scripts and references bundled with the skill.

SKILL.md

The instructions your agent reads when the skill is triggered.

When to use this skill

Use this skill whenever the user wants to:

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

How to use this skill

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

  1. Install and setup uView Pro in UniAppX project:

    • Load examples/getting-started/installation.md for installation in UniAppX
    • Load examples/getting-started/project-setup.md for UniAppX project configuration
    • Load examples/getting-started/easycom-config.md for easycom configuration

  2. Integrate with UniAppX 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 Pro
    • Load examples/integration/uniappx-api.md for using UniAppX APIs with uView Pro

  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 UniAppX
    • 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 - UniAppX and uView Pro integration API
    • api/config-api.md - Configuration API reference

  6. Use templates for quick start:

    • templates/basic-uniappx-project.md - Basic UniAppX project with uView Pro
    • templates/pages-template.md - Pages configuration template
    • templates/manifest-template.md - Manifest configuration template

Important Notes:

  • This skill focuses on UniAppX integration, not uView Pro API documentation
  • UniAppX uses TypeScript (.uts files) and Composition API (setup 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 UniAppX

Examples and Templates

Getting Started

  • Installation: examples/getting-started/installation.md - How to install uView Pro in UniAppX projects
  • Project Setup: examples/getting-started/project-setup.md - Setting up UniAppX project with uView Pro
  • 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 Pro
  • Manifest Config: examples/integration/manifest-config.md - Configuring manifest.json for uView Pro
  • Navigation: examples/integration/navigation.md - Navigation and routing with uView Pro
  • UniAppX API: examples/integration/uniappx-api.md - Using UniAppX APIs with uView Pro components

Platform-Specific

  • H5: examples/platform-specific/h5.md - H5 platform considerations with uView Pro
  • Mini-Program: examples/platform-specific/miniprogram.md - Mini-program considerations with uView Pro
  • App: examples/platform-specific/app.md - App platform considerations with uView Pro
  • nvue: examples/platform-specific/nvue.md - nvue considerations with uView Pro

Advanced

  • Custom Theme: examples/advanced/custom-theme.md - Customizing themes in UniAppX projects
  • Build Optimization: examples/advanced/build-optimization.md - Optimizing UniAppX builds with uView Pro
  • Multi-Platform: examples/advanced/multi-platform.md - Multi-platform deployment strategies

Templates

  • Basic Project: templates/basic-uniappx-project.md - Basic UniAppX project structure with uView Pro
  • 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 - UniAppX and uView Pro integration API reference
  • Config API: api/config-api.md - Configuration API reference for UniAppX projects

Best Practices

  1. Use easycom: Configure easycom in pages.json for automatic uView Pro component import
  2. Platform Testing: Test on all target platforms (H5, mini-programs, App) before deployment
  3. Use rpx Units: Use rpx for responsive sizing in UniAppX, px for fixed sizes
  4. SCSS Support: Ensure SCSS is properly configured in UniAppX project
  5. Manifest Configuration: Properly configure manifest.json for each platform
  6. Conditional Compilation: Use conditional compilation (#ifdef, #endif) for platform-specific code
  7. Performance: Optimize for each platform's specific requirements
  8. TypeScript: Use TypeScript (.uts files) and proper type definitions
  9. Composition API: Use Composition API and setup syntax (recommended for UniAppX)
  10. Lifecycle Management: Properly handle UniAppX page lifecycle with uView Pro components

Resources

Keywords

uniappx, uniapp-x, uview-pro, uview pro, uniappx integration, uniappx configuration, easycom, pages.json, manifest.json, uni-app-x, 小程序, 跨平台, H5, App, nvue, 条件编译, 平台差异, TypeScript, Composition API, setup 语法, .uts 文件, UniAppX 组件, 跨平台组件, 小程序组件, App 组件

FAQ

What does the uniappx-uview-pro skill do?

A comprehensive skill for integrating and using uView Pro with UniAppX projects. This skill focuses on UniAppX-specific integration, configuration, and platform-specific considerations when using uView Pro in UniAppX applications. Use this skill whenever the user needs to integrate uView Pro into UniAppX projects, configure UniAppX-specific settings, or handle platform differences.

How do I install uniappx-uview-pro?

Run npx skills add https://github.com/full-stack-skills/uniapp-skills --skill uniappx-uview-pro in your project. The skills CLI detects the agents you use and copies the skill into the right folder. For Claude Code you can also place the skill folder at ~/.claude/skills/uniappx-uview-pro/ (personal) or .claude/skills/uniappx-uview-pro/ (project).

Which AI agents can use uniappx-uview-pro?

Any agent that supports the open Agent Skills format (a folder with a SKILL.md file), including Claude Code, Codex, Cursor, GitHub Copilot, Gemini CLI, Windsurf, Cline, OpenCode and more.

Is uniappx-uview-pro safe to install?

No partner security audit is available yet. Skills can run commands and scripts, so read the SKILL.md and any bundled files before installing.

Who maintains uniappx-uview-pro?

It is published by full-stack-skills in full-stack-skills/uniapp-skills. It has 116 recorded installs.

More from full-stack-skills/uniapp-skills

View all →

uniapp-project

full-stack-skills/uniapp-skills

Provides comprehensive uni-app component and API integration guidance. Use when the user needs official uni-app components or APIs, wants per-component or per-API examples, or needs cross-platform compatibility details.

Frontend & Design174 installs

uniapp-uview

full-stack-skills/uniapp-skills

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.

Frontend & Design127 installs

uniapp-native-app

full-stack-skills/uniapp-skills

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, handle signing, and follow official offline packaging documentation.

Mobile126 installs

uniapp-plugin

full-stack-skills/uniapp-skills

A comprehensive skill for the uni-app plugin market and automatic plugin installation. Use this skill to browse plugins, auto-install plugins, configure plugin settings, and integrate third-party plugins based on the official plugin market docs.

Docs & Writing126 installs

uniapp-cloud

full-stack-skills/uniapp-skills

A comprehensive skill for uniCloud cloud development in the uni-app ecosystem. Use this skill when you need uniCloud project setup, cloud database CRUD, cloud functions, storage, or datacom components, following official uniCloud documentation.

Data & Databases119 installs

uniapp-mini-guide

full-stack-skills/uniapp-skills

A comprehensive skill for uni-app mini program development. Use when building uni-app mini programs, configuring mini program settings, or working with mini program components and APIs based on the official native support docs.

Docs & Writing111 installs

Popular other skills

View category →

hyperframes-cli

heygen-com/hyperframes

The HyperFrames CLI by job - scaffold, check, look at frames, edit the timeline, preview, render locally or in the cloud, publish, project history - plus reading its JSON and recovering from build or render failures.

1.3M installs

triage

mattpocock/skills

Move issues and external PRs through a state machine of triage roles, categorise, verify, grill if needed, and write agent-ready briefs.

1M installs

ask-matt

mattpocock/skills

Ask which skill or flow fits your situation. A router over the skills in this repo.

778.4K installs

to-questionnaire

mattpocock/skills

Turn a decision you can't fully answer into a questionnaire for someone else to fill in.

508.9K installs

wait-what

mattpocock/skills

Stop. That last message did not land: re-pitch it.

459.7K installs

loop-me

mattpocock/skills

Grill me about specs for the workflows I want to build, within this workspace.

447.9K installs