nutui-uniapp

Configure NutUI UniApp port for Vue 3 across H5 and MiniPrograms.

4|Updated Apr 12, 2026

Search Tags:#vue3 #ui-components #multiplatform #uniapp #nutui #easy-setup #easycom

Ready to run

npx skills add https://github.com/tiantangcao1980-web/DesignDNA-Skills --skill nutui-uniapp

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: nutui-uniapp
Source: https://github.com/tiantangcao1980-web/DesignDNA-Skills/tree/main/designdna/skills/nutui-uniapp
Command: npx skills add https://github.com/tiantangcao1980-web/DesignDNA-Skills --skill nutui-uniapp

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

UniApp + Vue 3 projects often struggle to leverage a consistent NutUI component library across multiple platforms. This skill provides a community-maintained port of NutUI for UniApp, enabling cross-platform UI with minimal configuration.

Core Features & Use Cases

Cross-platform support: NutUI UniApp port targets H5 and all major MiniProgram vendors via UniApp.
Easy setup: Includes installation guidance for Vite and Vue CLI projects, plus component reference and easycom auto-import.
Theming and consistency: Provides theme tokens and a ready-made component catalog for rapid UI development.

Quick Start

Install NutUI UniApp in your UniApp + Vue 3 project and start using NutUI components immediately.

Frequently Asked Questions about nutui-uniapp

High-intent search queries and answers about installing and using this skill.

FAQPage Schema

How do I use NutUI components in a UniApp Vue 3 project?▼

To use NutUI components in a UniApp Vue 3 project, install the NutUI UniApp port via Vite or Vue CLI and leverage the easycom auto-import feature for immediate component access. This provides a ready-to-use design system across platforms.

Does NutUI support cross-platform UniApp development for H5 and MiniPrograms?▼

Yes, NutUI supports cross-platform UniApp development across H5 and all major MiniProgram vendors. It provides a consistent component library that works seamlessly across multiple targets with minimal configuration.

What is the best way to set up NutUI with Vite in a UniApp project?▼

The best way to set up NutUI with Vite in a UniApp project is to install the NutUI UniApp port and configure the easycom auto-import. This enables immediate access to a ready-made component catalog and theme tokens.

Can I apply custom theming with NutUI in UniApp Vue 3?▼

Yes, you can apply custom theming with NutUI in UniApp Vue 3 by utilizing the provided theme tokens. This allows you to maintain visual consistency across H5 and MiniProgram targets within your ready-to-use design system.

Why use a NutUI port for UniApp instead of other Vue 3 UI component libraries?▼

A NutUI port for UniApp solves the problem of leveraging a consistent component library across multiple platforms, specifically targeting H5 and MiniPrograms. It offers easy setup, easycom auto-import, and theme tokens within UniApp Vue 3 projects.

Do I need Vue CLI or Vite to install NutUI in a UniApp project?▼

You can use either Vue CLI or Vite to install NutUI in a UniApp project. The community-maintained port includes specific installation guidance for both setups, ensuring you can integrate the cross-platform UI components effectively.