MCPInstall

uniappx-uview-pro

by partme-aiFrontend & Design

Integrates uView Pro component library into UniAppX (uni-app-x) projects with TypeScript and Composition API, including easycom configuration, pages.json and manifest.json setup, and platform-specific handling. Use when the user needs to add uView Pro components to a UniAppX project, configure TypeScript .uts integration, or handle cross-platform styling.

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

Install

Works with every agent the skills CLI supports.

npx skills add https://github.com/partme-ai/full-stack-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?

Integrates uView Pro component library into UniAppX (uni-app-x) projects with TypeScript and Composition API, including easycom configuration, pages.json and manifest.json setup, and platform-specific handling. Use when the user needs to add uView Pro components to a UniAppX project, configure TypeScript .uts integration, or handle cross-platform styling.

How do I install uniappx-uview-pro?

Run npx skills add https://github.com/partme-ai/full-stack-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 partme-ai in partme-ai/full-stack-skills. It has 106 recorded installs.

More from partme-ai/full-stack-skills

View all →

electron

partme-ai/full-stack-skills

Build cross-platform desktop applications with Electron, covering main/renderer process architecture, IPC communication, BrowserWindow management, menus, tray icons, packaging, and security best practices. Use when the user asks about Electron, needs to create desktop applications, implement Electron features, or build cross-platform desktop apps.

Code Quality & Workflow2.4K installs

element-plus-vue3

partme-ai/full-stack-skills

Provides comprehensive guidance for Element Plus Vue 3 component library including installation, components, themes, internationalization, and API reference. Use when the user asks about Element Plus for Vue 3, needs to build Vue 3 applications with Element Plus, or customize component styles.

Frontend & Design1.9K installs

uniapp-project

partme-ai/full-stack-skills

Provides per-component and per-API examples with cross-platform compatibility details for uni-app, covering built-in components, uni-ui components, and APIs (network, storage, device, UI, navigation, media). Use when the user needs official uni-app components or APIs, wants per-component examples with doc links, or needs platform compatibility checks.

Frontend & Design902 installs

drawio-flowchart

partme-ai/full-stack-skills

Creates flowcharts, swim lane diagrams, and business process diagrams using Draw.io (diagrams.net). Covers standard flowchart shapes (process, decision, start/end), connectors, auto-layout, and export to PNG/SVG/PDF. Use when the user needs to visualize workflows, decision trees, or business processes.

Business & Finance704 installs

vue3

partme-ai/full-stack-skills

Guidance for Vue 3 using the official guide and API reference. Use when the user needs Vue 3 concepts, patterns, or API details to build components, apps, and tooling.

Frontend & Design637 installs

course-designer

partme-ai/full-stack-skills

Design structured courses including syllabi, learning objectives using Bloom's taxonomy, lesson plans, and assessment rubrics. Use when the user asks about course design, needs to create a curriculum, write learning objectives, structure educational modules, or build assessment plans.

Education & Science462 installs

Popular frontend & design skills

View category →

setup-matt-pocock-skills

mattpocock/skills

Configure this repo for the engineering skills: set up its issue tracker, triage label vocabulary, and domain doc layout. Run once before first use of the other engineering skills.

Frontend & Design1.1M installs

frontend-design

anthropics/skills

Guidance for distinctive, intentional visual design when building new UI or reshaping an existing one. Helps with aesthetic direction, typography, and making choices that don't read as templated defaults.

OfficialFrontend & Design1M installs

hyperframes-animation

heygen-com/hyperframes

All animation knowledge for HyperFrames — atomic motion rules, multi-phase scene blueprints, scene transitions, broader motion-design techniques, AND the seven runtime adapters (GSAP default, plus Lottie, Three.js, Anime.js, CSS keyframes, Web Animations API, TypeGPU). Use for any motion or animation task: pick 2-4 rules and compose, or load a blueprint, or look up runtime-specific API (e.g. GSAP eases / Lottie player / Three.js mixer). Also covers auditing an existing composition's choreography (animation map) and 24 named text-animation effects. HyperFrames-native: single paused timeline, seek-safe, deterministic.

Frontend & Design1M installs

prototype

mattpocock/skills

Build a throwaway prototype to answer a design question. Use when the user wants to sanity-check whether a state model or logic feels right, or explore what a UI should look like.

Frontend & Design999.2K installs

hyperframes-core

heygen-com/hyperframes

The HyperFrames composition contract — build one renderable project. Use for composition structure, the data- timing attributes, class="clip", tracks, sub-compositions, variables, framework-owned media playback, deterministic-render rules, and validation. Read before writing composition HTML.

Frontend & Design930.5K installs

vercel-react-best-practices

vercel-labs/agent-skills

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.

OfficialFrontend & Design843.1K installs