nutui-uniapp

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

4|Updated Apr 12, 2026
One-click install
npx skills add https://github.com/tiantangcao1980-web/DesignDNA-Skills --skill nutui-uniapp
Or copy as Structured Prompt for Agent
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.