zaui-ui-builder

Compose ZaUI components to build Zalo Mini App pages, forms, modals, and lists.

Updated Jan 19, 2026
One-click install
npx skills add https://github.com/tienchinh21/skills-for-mini-zalo-app --skill zaui-ui-builder
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: zaui-ui-builder
Source: https://github.com/tienchinh21/skills-for-mini-zalo-app/tree/main/zaui-ui-builder
Command: npx skills add https://github.com/tienchinh21/skills-for-mini-zalo-app --skill zaui-ui-builder

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill provides a guided framework for building UI for Zalo Mini App using ZaUI components, reducing boilerplate and ensuring consistency.

Core Features & Use Cases

  • ZaUI-first UI building: prioritize standard components to accelerate page, form, modal, and list creation.
  • Pattern-aligned: adheres to Zalo Design System (ZDS) for consistent styling.
  • Use Case: quickly scaffold a new page with header, form fields, and a sample list in a ZMP project.

Quick Start

Use this skill to scaffold a new ZaUI-based page with header, form fields, and a sample list.

Frequently Asked Questions about zaui-ui-builder

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

FAQPage Schema
How do I build Zalo Mini App UI using ZaUI components?▼

You can build Zalo Mini App UI by composing ZaUI components to create pages, forms, modals, and lists. This approach enforces ZaUI integration, Tailwind spacing guidelines, and ZDS-aligned design patterns to ensure consistency and reduce boilerplate.

What is the best way to scaffold a ZMP project page with forms and lists?▼

The best way to scaffold a ZMP project page is by using a ZaUI-first approach to quickly generate a header, form fields, and a sample list. This guided framework accelerates page creation while adhering to ZDS styling standards.

How does ZDS alignment help when creating ZaUI interfaces?▼

ZDS alignment ensures your ZaUI interfaces maintain consistent styling across pages, forms, modals, and lists. It provides a standardized design pattern framework that reduces boilerplate and accelerates development within ZMP projects.

Can I use ZaUI components for modals and lists in a Zalo Mini App?▼

Yes, you can use ZaUI components to rapidly build modals and lists within Zalo Mini Apps. The framework supports creating these UI elements while maintaining ZDS-aligned design patterns and Tailwind spacing guidelines.

Do I need to manually style ZaUI components to match the Zalo Design System?▼

No, you do not need to manually style components to match the Zalo Design System. The framework automatically enforces ZDS-aligned design patterns and Tailwind spacing guidelines during the UI building process.