MCPxelMCPxel
Co-Pilot
Updated a month ago

zalo-mini-app-skills

Ssuminhthanh
0.1k
suminhthanh/zalo-mini-app-skills
82
Agent Score

💡 Summary

A skill that provides AI agents with knowledge and references for developing applications on the Zalo Mini App platform.

🎯 Target Audience

Frontend developers targeting the Vietnamese marketFull-stack developers building super-app integrationsProduct managers scoping Zalo Mini App featuresUI/UX designers adhering to Zalo's design system

🤖 AI Roast: “This skill is a comprehensive guide for a niche platform, but it's basically a glorified documentation bookmark with extra installation steps.”

Security AnalysisMedium Risk

The skill itself appears to be a knowledge base, posing minimal direct risk. However, the referenced `zca-cli` tool, which automates Zalo messaging, inherently handles sensitive user credentials and session data. If the skill's guidance leads to integrating such a tool, it introduces credential management and potential unauthorized access risks. Mitigation: Always store credentials in secure, environment-specific vaults, never in code, and review the security model of any third-party CLI tool before use.

Zalo Mini App Skill

Build Zalo Mini Apps - lightweight web apps running inside the Zalo super-app platform.

Features

  • ZaUI Components - Button, Input, Modal, Tabs, Avatar, Calendar, List, and 50+ more
  • JavaScript APIs - authorize, getUserInfo, getPhoneNumber, getLocation, Storage, Camera
  • Checkout SDK - Payment integration for Vietnamese market
  • Design Guidelines - Colors, typography, spacing, icons following Zalo standards
  • Development Tools - zmp-cli, VSCode extension, debugging

Installation

Option 1: Using add-skill CLI (Recommended)

# Install to current project
npx add-skill suminhthanh/zalo-mini-app-skills

# Install globally
npx add-skill suminhthanh/zalo-mini-app-skills -g

# Install for specific agent
npx add-skill suminhthanh/zalo-mini-app-skills -a claude-code

Option 2: Manual Installation

For Claude Code:

# Clone to Claude Code skills directory
git clone https://github.com/suminhthanh/zalo-mini-app-skills.git
cp -r zalo-mini-app-skills/skills/zalo-mini-app ~/.claude/skills/

For Project-level:

mkdir -p .claude/skills
cp -r zalo-mini-app-skills/skills/zalo-mini-app .claude/skills/

Option 3: Direct Download

# Download and extract
curl -L https://github.com/suminhthanh/zalo-mini-app-skills/archive/main.zip -o skill.zip
unzip skill.zip
cp -r zalo-mini-app-skills-main/skills/zalo-mini-app ~/.claude/skills/

Supported Agents

| Agent | Skills Directory | |-------|-----------------| | Claude Code | ~/.claude/skills/ or .claude/skills/ | | Cursor | ~/.cursor/skills/ or .cursor/skills/ | | OpenCode | ~/.opencode/skill/ | | GitHub Copilot | .github/copilot/skills/ | | Windsurf | ~/.windsurf/skills/ |

Usage

Once installed, the skill activates automatically when you:

  • Build new Zalo Mini Apps
  • Use ZaUI components
  • Call Zalo SDK APIs
  • Integrate payments with Checkout SDK
  • Follow Zalo design guidelines

Quick Start

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

Example Prompts

  • "Create a Zalo Mini App with bottom navigation"
  • "Add user authentication using Zalo authorize API"
  • "Implement a product list with ZaUI components"
  • "Integrate Checkout SDK for payment"

Skill Structure

zalo-mini-app/
├── SKILL.md                    # Main skill file
└── references/
    ├── getting-started.md      # Setup & deployment
    ├── api-overview.md         # API categories
    ├── api-user.md             # User APIs
    ├── api-storage.md          # Storage APIs
    ├── api-ui.md               # UI APIs
    ├── api-device.md           # Device APIs
    ├── api-zalo.md             # Zalo integration
    ├── zaui-overview.md        # Components overview
    ├── zaui-layout.md          # Layout components
    ├── zaui-display.md         # Display components
    ├── zaui-form.md            # Form components
    ├── zaui-overlay.md         # Overlay components
    ├── design-guidelines.md    # Design standards
    ├── web-design-guidelines.md # Accessibility, forms, animations, touch, i18n
    └── react-best-practices.md # Waterfalls, bundle size, re-renders, JS performance

Related Projects

zca-cli - Zalo CLI for Developers

A powerful command-line interface for the Zalo messaging platform. Automate messaging, manage groups, and build custom integrations directly from your terminal.

Features:

  • QR code login with multi-account support
  • Send text, images, videos, voice messages, and stickers
  • Group management (create, rename, add/remove members)
  • Real-time message listener with webhook integration
  • Batch operations and URL download support

Quick Install:

# macOS / Linux
curl -fsSL https://get.zca-cli.dev/install.sh | bash

# Windows (PowerShell)
irm https://get.zca-cli.dev/install.ps1 | iex

Website

Clawdbot - AI Agent with Zalo Integration

A powerful agentic AI assistant with multi-channel messaging support. The Zalo User channel uses zca-cli under the hood to automate personal Zalo accounts.

Features:

  • Uses zca listen for receiving messages and zca msg for replies
  • Text, media, and link messaging support
  • Access control with pairing mode, allowlist, and group policies
  • Multi-account support via zca profiles
  • WebSocket gateway with tool execution and session management

Documentation | Website

Resources

License

MIT

5-Dim Analysis
Clarity8/10
Novelty7/10
Utility9/10
Completeness9/10
Maintainability8/10
Pros & Cons

Pros

  • High utility for a specific, growing platform (Zalo)
  • Well-structured reference documentation covering API, UI, and design
  • Clear, multi-option installation guide for various AI agents

Cons

  • Limited novelty as it primarily repackages existing documentation
  • Utility is geographically restricted to Vietnam/Zalo users
  • Potential for skill bloat due to extensive reference files

Related Skills

pytorch

S
toolCode Lib
92/ 100

“It's the Swiss Army knife of deep learning, but good luck figuring out which of the 47 installation methods is the one that won't break your system.”

View Analysis

agno

S
toolCode Lib
90/ 100

“It promises to be the Kubernetes for agents, but let's see if developers have the patience to learn yet another orchestration layer.”

View Analysis

nuxt-skills

S
toolCo-Pilot
90/ 100

“It's essentially a well-organized cheat sheet that turns your AI assistant into a Nuxt framework parrot.”

View Analysis

Disclaimer: This content is sourced from GitHub open source projects for display and rating purposes only.

Copyright belongs to the original author suminhthanh.