uniappx-uview-pro

Name: uniappx-uview-pro
Author: partme-ai

github.com/partme-aiDevelopment716106 installsUpdated 3w ago

About uniappx-uview-pro

A reference skill for integrating uView Pro into UniAppX projects. It covers project configuration, platform-specific behavior, navigation, and deployment, rather than documenting the full uView Pro API.

Key features

01UniAppX project setup guidance
02easycom and configuration examples
03Navigation and API integration
04H5, mini-program, App, and nvue notes
05Theme and build optimization guidance
06Configuration templates and API references

Use cases

01Setting up uView Pro in a UniAppX project
02Configuring pages.json and manifest.json
03Addressing platform-specific integration details
04Preparing a multi-platform uView Pro application

Install

Copy the command and run it in a terminal.

$npx skills add https://github.com/partme-ai/full-stack-skills --skill uniappx-uview-pro

After installing, type/uniappx-uview-proin Claude Code to confirm it loaded.

Bundled files

References and scripts installed along with SKILL.md.

LICENSE.txt

api/

config-api.md

integration-api.md

examples/advanced/

build-optimization.md

custom-theme.md

multi-platform.md

examples/getting-started/

easycom-config.md

installation.md

project-setup.md

examples/integration/

manifest-config.md

navigation.md

pages-config.md

uniappx-api.md

examples/platform-specific/

app.md

h5.md

miniprogram.md

nvue.md

templates/

basic-uniappx-project.md

manifest-template.md

pages-template.md

Details

From the project README

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:

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
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
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
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
Reference the API documentation when needed:
- api/integration-api.md - UniAppX and uView Pro integration API
- api/config-api.md - Configuration API reference
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

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

Resources

Official UniAppX Plugin: https://ext.dcloud.net.cn/plugin?id=24633
UniAppX Documentation: https://uniapp.dcloud.net.cn/uni-app-x/
UniAppX API Reference: https://uniapp.dcloud.net.cn/uni-app-x/api/

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 组件

Comments

Markdown supported

Details

Author: partme-ai
Repository: partme-ai/full-stack-skills
Category: Development
Installs: 106
GitHub stars: 716

Report

More skills

All skills

remotion-render

github.com/inference-sh

1.6M

Render videos from React/Remotion component code via inference.sh. Pass TSX code, get MP4. Supports all Remotion APIs: useCurrentFrame, useVideoConfig, spring, interpolate, AbsoluteFill, Sequence. Configurable resolution, FPS, duration, codec. Use for: programmatic video generation, animated graphics, motion design, data-driven videos, React animations to video. Triggers: remotion, render video from code, tsx to video, react video, programmatic video, remotion render, code to video, animated video, motion graphics code, react animation video

improve-codebase-architecture

github.com/mattpocock

1.2M

Scan a codebase for architecture improvement opportunities, present them as a visual HTML report, then dive deep into whichever one you pick.

design-mobile-apps

github.com/designed-by-ai

1.1M

Design mobile app screens with Sleek, edit Sleek projects, and implement their designs in React Native or HTML

vercel-react-best-practices

github.com/vercel-labs

848.6k

React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refactoring React/Next.js code to ensure optimal performance patterns. Triggers on tasks involving React components, Next.js pages, data fetching, bundle optimization, or performance improvements.