Skip to content
Skillpedia
Websites & UI (frontend)48k · #3532

makepad-deployment

Enables your agent to package and distribute Makepad apps for different platforms. It's useful for preparing your app for release and sharing.

What it does

This tool helps turn your Makepad application into a program that others can install and use on their computers, phones, or the web. It creates packages for different systems like Windows, macOS, Linux, Android, and iOS.

When to use it

  • ✓When you want to distribute your application to others.
  • ✓When preparing your app for app stores like Google Play or Apple App Store.
  • ✓To automate the creation of app versions using online services.

Example of what to ask your AI

“How do I turn my Makepad app into an installer for Windows?”

Want more? Open the sections below.

How to use

The easiest way: copy the message below and paste it into Claude, ChatGPT, Cursor or any AI. It reads the skill and follows the instructions.

Skill link

https://github.com/sickn33/agentic-awesome-skills/blob/main/plugins/agentic-awesome-skills-claude/skills/makepad-deployment/SKILL.md

Ready-to-paste message

Use this skill to help me: https://github.com/sickn33/agentic-awesome-skills/blob/main/plugins/agentic-awesome-skills-claude/skills/makepad-deployment/SKILL.md Read the SKILL.md file at that link and follow its instructions for my task.
How it works

The tool uses specific commands (`cargo-packager` and `cargo-makepad`) to bundle all your app's files into a final package. It can also automate this process on online services.

Installation

Easiest way: copy the skill link and paste it into Claude, ChatGPT or Cursor asking it to follow the instructions.

In the terminal (Claude Code, Codex, Cursor), in your project folder:

npx skills add sickn33/agentic-awesome-skills --skill makepad-deployment

Or download just the file:

curl -L https://raw.githubusercontent.com/sickn33/agentic-awesome-skills/main/plugins/agentic-awesome-skills-claude/skills/makepad-deployment/SKILL.md -o SKILL.md
Technical content (original SKILL.md)

Original text by the author, straight from GitHub.

Supporting material availability

This catalog copy contains the inline guidance below, but does not include the following supporting paths. They are external prerequisites, not bundled files:

  • <support-root>/references/makepad-packaging-action.md
  • ./assets/icon.png
  • ./dist/resources/makepad_widgets
  • ./dist/resources/makepad_fonts_chinese_bold
  • ./dist/resources/makepad_fonts_chinese_bold_2
  • ./dist/resources/makepad_fonts_chinese_regular
  • ./dist/resources/makepad_fonts_chinese_regular_2
  • ./dist/resources/makepad_fonts_emoji
  • ./dist/resources/your_app_resource
  • ./dist/resources/my-makepad-app
  • <support-root>/references/platform-troubleshooting.md

Ask for the original supporting material or an existing installation before using a step that depends on these paths; this catalog does not identify a verified download source for them. Resolve each path relative to that installation, inspect its contents, and verify any applicable license and execution prerequisites. Do not run a command or claim a referenced procedure was followed until its required file exists. Do not fabricate the missing scripts or treat an unrelated file with the same name as equivalent. Independent steps fully documented here can proceed within the user’s authorized scope; report any dependent step as unavailable.

Makepad Packaging & Deployment

This skill covers packaging Makepad applications for all supported platforms.

When to Use

  • You need to package, distribute, or automate deployment of a Makepad application.
  • The task involves desktop installers, APK/IPA builds, WebAssembly output, or CI-based release artifacts.
  • You need guidance on cargo-packager, cargo-makepad, or GitHub Actions packaging flows for Makepad.

Quick Navigation

Platform Tool Output
Desktop cargo-packager .deb, .nsis, .dmg
Android cargo-makepad .apk
iOS cargo-makepad .app, .ipa
Web cargo-makepad Wasm + HTML/JS
CI/CD makepad-packaging-action GitHub Release assets

GitHub Actions Packaging

Use makepad-packaging-action to package Makepad apps in CI. It wraps cargo-packager (desktop) and cargo-makepad (mobile), and can upload artifacts to GitHub Releases.

jobs:
  package:
    runs-on: ubuntu-22.04
    steps:
      - uses: actions/checkout@v4
      - uses: Project-Robius-China/makepad-packaging-action@v1
        with:
          args: --target x86_64-unknown-linux-gnu --release

Notes:

  • Desktop packages must run on matching OS runners (Linux/Windows/macOS).
  • iOS builds require macOS runners.
  • Android builds can run on any OS runner.

Full inputs/env/outputs and release workflows live in references/makepad-packaging-action.md.

Desktop Packaging

Desktop packaging uses cargo-packager with robius-packaging-commands for resource handling.

Install Tools

# Install cargo-packager
cargo install cargo-packager --locked

# Install robius-packaging-commands (v0.2.1)
cargo install --version 0.2.1 --locked \
    --git https://github.com/project-robius/robius-packaging-commands.git \
    robius-packaging-commands

Configure Cargo.toml

Add packaging configuration to your Cargo.toml:

[package.metadata.packager]
product_name = "YourAppName"
identifier = "com.yourcompany.yourapp"
authors = ["Your Name or Team"]
description = "A brief description of your Makepad application"
# Note: long_description has 80 character max per line
long_description = """
Your detailed description here.
Keep each line under 80 characters.
"""
icons = ["./assets/icon.png"]
out_dir = "./dist"

# Pre-packaging command to collect resources
before-packaging-command = """
robius-packaging-commands before-packaging \
    --force-makepad \
    --binary-name your-app \
    --path-to-binary ./target/release/your-app
"""

# Resources to include in package
resources = [
    # Makepad built-in resources (required)
    { src = "./dist/resources/makepad_widgets", target = "makepad_widgets" },
    { src = "./dist/resources/makepad_fonts_chinese_bold", target = "makepad_fonts_chinese_bold" },
    { src = "./dist/resources/makepad_fonts_chinese_bold_2", target = "makepad_fonts_chinese_bold_2" },
    { src = "./dist/resources/makepad_fonts_chinese_regular", target = "makepad_fonts_chinese_regular" },

…
FAQ

What are 'resources'?

These are extra files your app needs to run, like images, fonts, or other data. The tool ensures they are included in the final package.

Do I need to install anything first?

Yes, you'll need to install tools like `cargo-packager` and `robius-packaging-commands` on your computer, depending on the type of package you want to create.

What is 'CI'?

CI stands for 'Continuous Integration'. It's an automated process that frequently tests and prepares your code, and this tool can be used within it to build app packages automatically.

Details

Original description by the author

CRITICAL: Use for Makepad packaging and deployment. Triggers on: deploy, package, APK, IPA, 打包, 部署, cargo-packager, cargo-makepad, WASM, Android, iOS, distribution, installer, .deb, .dmg, .nsis, GitHub Actions, CI, action, marketplace

repo: sickn33/agentic-awesome-skills

Popularity

GitHub stars
48k
Ranking position
#3532
License
MIT
Updated
10/15/2026

Is this skill useful?

0

Sign in to vote.

Comments

  • …

More skills from this repository

Similar skills