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.