suminhthanh/zalo-mini-app-skills119 installs

zalo-mini-app

Q: How do I install this agent skill?

Run npx skills add https://github.com/suminhthanh/zalo-mini-app-skills --skill zalo-mini-app.

Q: Is this agent skill safe to install?

Review the displayed partner audits, complete source, permissions, dependencies, and exact revision before installing.

Build Zalo Mini Apps - lightweight web apps running inside Zalo super-app. This skill provides ZaUI components (Button, Input, Modal, Tabs, Avatar, etc.), JavaScript APIs (authorize, getUserInfo, getPhoneNumber, getLocation, Storage, Camera), Checkout SDK for payments, design guidelines, and development tools. Use when building Mini Apps, using ZaUI components, calling Zalo APIs, integrating payments, converting web apps to Mini Apps, or following Zalo design standards.

How do I install this agent skill?

npx skills add https://github.com/suminhthanh/zalo-mini-app-skills --skill zalo-mini-app

view source ↗

Is this agent skill safe to install?

Gen Agent Trust Hubpass
This skill provides a comprehensive developer guide for building Zalo Mini Apps using the Zalo SDK and UI components. It facilitates the installation of official development tools and libraries. Security analysis identified an attack surface for indirect prompt injection due to the ingestion of untrusted data from user inputs and device scanning APIs combined with capabilities for network, storage, and device access. Additionally, it contains code snippets that utilize dynamic execution for web theme management.
Socketpass
No alerts
Snykpass
Risk: LOW · No issues
Runlayerpass
16 files scanned · No issues
ZeroLeakspass
Score: 93/100 · 2 sections analyzed

What does this agent skill do?

Zalo Mini App Development

Build Mini Apps for the Zalo platform using React, ZaUI components, and Zalo SDK APIs.

Quick Start

npm install -g zmp-cli
zmp create my-app && cd my-app && zmp start

See getting-started.md for full setup, deployment, and app-config.json.

Core Packages

npm install zmp-ui zmp-sdk

import { Button, Input, Modal } from "zmp-ui";
import "zmp-ui/zaui.css";
import { getUserInfo, authorize } from "zmp-sdk/apis";

References

APIs

api-overview.md - API categories & patterns
api-user.md - authorize, getUserInfo, getPhoneNumber
api-storage.md - setItem, getItem, storage APIs
api-ui.md - showToast, navigation, routing
api-device.md - location, camera, QR, NFC
api-zalo.md - followOA, openChat, share

ZaUI Components

zaui-overview.md - Component list & design tokens
zaui-layout.md - App, Page, Header, Tabs, Router
zaui-display.md - Avatar, Icon, List, Swiper
zaui-form.md - Button, Input, Select, DatePicker
zaui-overlay.md - Modal, Sheet, ActionSheet

Design & Setup

design-guidelines.md - Colors, typography, UX
getting-started.md - Setup, deploy, publish
web-design-guidelines.md - Accessibility, forms, animations, touch, i18n

Performance & React

react-best-practices.md - Waterfalls, bundle size, re-renders, JS performance

Common Patterns

Get User Info

const { userInfo } = await getUserInfo({ autoRequestPermission: true });
// { id, name, avatar, followedOA }

Basic Page Layout

<App>
  <Page>
    <Header title="Home" />
    <List>
      <List.Item title="Item" suffix={<Icon icon="zi-chevron-right" />} />
    </List>
  </Page>
  <BottomNavigation fixed>
    <BottomNavigation.Item key="home" label="Home" icon={<Icon icon="zi-home" />} />
  </BottomNavigation>
</App>

Resources

Docs: https://miniapp.zaloplatforms.com/documents/
Mini App Center: https://miniapp.zaloplatforms.com/
React Best Practices: https://react.dev
SWR: https://swr.vercel.app

How can the creator link this skill?

Add the canonical catalog link to the repository README so users can inspect current installs and available audits. The publishing guide covers the complete discovery path.

<a href="https://skillzs.dev/skills/suminhthanh/zalo-mini-app-skills/zalo-mini-app">View zalo-mini-app on skillZs</a>