MCPInstall

uniapp-uview

by full-stack-skillsFrontend & Design

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.

Installs
127
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 uniapp-uview
  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 uniapp-uview 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 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

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, 条件编译, 平台差异

FAQ

What does the uniapp-uview skill do?

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.

How do I install uniapp-uview?

Run npx skills add https://github.com/full-stack-skills/uniapp-skills --skill uniapp-uview 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/uniapp-uview/ (personal) or .claude/skills/uniapp-uview/ (project).

Which AI agents can use uniapp-uview?

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 uniapp-uview 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 uniapp-uview?

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

More from full-stack-skills/uniapp-skills

View all →

uniapp-project

full-stack-skills/uniapp-skills

Open the skill to read its SKILL.md instructions.

172 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

uniappx-project

full-stack-skills/uniapp-skills

Open the skill to read its SKILL.md instructions.

100 installs

uniapp-project-creator

full-stack-skills/uniapp-skills

Open the skill to read its SKILL.md instructions.

95 installs

uniapp-native-app

full-stack-skills/uniapp-skills

Open the skill to read its SKILL.md instructions.

92 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