←Leaderboard/Software Engineering/makepad-skills
Last commit on April 7, 2026·Created on January 10, 2026

ZhangHanDong/makepad-skills

“A technical knowledge base for building interfaces with the Makepad 2.0 framework”
Combined rank
#479
across all skills
In Software Engineering
#41
category rank
Stars
750
+0.3% in last 7d
Forks
88
0.0% in last 7d
Watchers
5
0.0% in last 7d
Traction scoreGitHub stars can be faked, so popularity alone can be misleading. Traction Score looks for broader signs of recent attention, adoption, and active maintenance.
TL;DR

This collection provides specialized guidance for developers working within the Makepad 2.0 ecosystem. It covers the fundamental mechanics of the platform, from DSL syntax and layout systems to event handling and shader implementation.

The repository assists developers in structuring applications, optimizing performance, and migrating legacy 1.x projects to the current version of the framework.

WHO IT'S FOR
Rust application developers
building cross-platform apps with Makepad 2.0
UI/UX engineers
implementing custom themes and animations
Graphics programmers
writing custom shaders and vector graphics
Legacy Makepad developers
migrating projects from 1.x to 2.0
Compatible AgentsThe repository documents support for these agents. The skills may also work with other agents that can load SKILL.md files, but they may need some setup or small changes.

Use this skill collection

Follow the documented setup, then try a first task.

Add repository as a Claude Code working directory

Installs: Complete Makepad 2.0 bundle of 14 skills · Claude Code

Before you start
  • A local copy of the makepad-skills repository
  • Claude Code
  1. Edit `.claude/settings.json` and add an `additionalWorkingDirectories` entry. Replace `/path/to/makepad-skills` with the absolute path to the local makepad-skills repository.

.claude-plugin/marketplace.json ↗ · Checked Oct 18, 2026README.md ↗ · Checked Oct 18, 2026

Give it something to do.

Suggested first task

Plan a one-widget Makepad 2.0 migration

Uses makepad-2.0-migration

  • Path to one Makepad 1.x widget source file
First use the makepad-2.0-design-judgment skill as the required entry point, then co-load and use the makepad-2.0-migration skill to review one Makepad 1.x widget at `<path-to-widget.rs>`. Produce a focused migration checklist covering its macro, derives, lifecycle methods, and DSL syntax. Show only the minimal proposed replacements and flag any uncertain project-specific changes; do not edit files.
Suggested first task

Draft a small inline vector icon

Uses makepad-2.0-vector

  • A short description of the desired icon
First use the makepad-2.0-design-judgment skill as the required entry point, then co-load and use the makepad-2.0-vector skill to draft a 48×48 inline `Vector{}` icon from this description: `<icon description>`. Use an appropriate viewbox and SVG-style shape properties, then briefly explain the chosen path, stroke, and fill settings.
Suggested first task

Diagnose one Makepad rendering issue

Uses makepad-2.0-performance

  • Path to one Makepad component
  • Observed rendering or performance symptom
First use the makepad-2.0-design-judgment skill as the required entry point, then co-load and use the makepad-2.0-performance skill to inspect the Makepad component at `<path-to-component>` for this symptom: `<invisible text, flickering, freeze, or scroll stutter>`. Give a short diagnosis centered on draw batching, render triggers, or caching as applicable, followed by the smallest recommended change. Do not edit files.