Makepad Skills

Claude Code skills for building cross-platform UI applications with the Makepad framework in Rust.

Category: Developer Tools

About this skill

Claude Code skills for building cross-platform UI applications with the Makepad framework in Rust. Makepad is a next-generation UI framework that enables building high-performance, cross-platform applications for Desktop (macOS, Windows, Linux), Mobile (Android, iOS), and Web (WebAssembly). Features GPU-accelerated rendering, live hot-reloadable design DSL, and native compilation with minimal runtime overhead. Skills extracted from production apps like Robrix (Matrix chat client) and Moly (AI model manager).

Source and installation instructions

Installation

  1. curl -fsSL https://raw.githubusercontent.com/ZhangHanDong/makepad-skills/main/install.sh | bash
  2. Or with hooks: curl -fsSL https://raw.githubusercontent.com/ZhangHanDong/makepad-skills/main/install.sh | bash -s -- --with-hooks

Documentation

Makepad 2.0 Skills

Skills for building cross-platform UI applications with Makepad 2.0.

Skills (14)

SkillDescription
makepad-2.0-design-judgmentEntry point. Design judgment anchors (Elm Architecture, Presentational/Container, GPU rendering mental model). Load this first, then co-load specific skills below.
makepad-2.0-app-structureApp structure, app_main!, ScriptVm, Cargo setup, hot reload
makepad-2.0-dslDSL syntax, script_mod!, colon syntax, mod.widgets, let bindings
makepad-2.0-layoutLayout system, Flow, Fill, Fit, Inset, spacing, alignment
makepad-2.0-widgetsWidget catalog (View, Button, Label, TextInput, PortalList, Dock, etc.)
makepad-2.0-eventsEvent/action handling, on_click, on_render, Hit, ids!
makepad-2.0-animationAnimator, states, Forward/Snap/Loop, ease functions
makepad-2.0-shadersShader system, draw_bg, Sdf2d, pixel/vertex fn, DrawQuad
makepad-2.0-splashSplash scripting language, streaming evaluation, hot reload
makepad-2.0-themeTheme system, mod.themes, colors, fonts, dark/light mode
makepad-2.0-vectorVector graphics, SVG paths, gradients, tweens, DropShadow
makepad-2.0-performancePerformance optimization, GC, draw batching, ViewOptimize
makepad-2.0-troubleshootingCommon mistakes, FAQ, debugging tips
makepad-2.0-migrationMigration guide from Makepad 1.x to 2.0

Installation

Option 1: Add as Working Directory

// .claude/settings.json
{
  "additionalWorkingDirectories": [
    "/path/to/makepad-skills"
  ]
}

Option 2: Symlink to Skills Directory

for skill in skills/*; do
    ln -sf "$(pwd)/$skill" ~/.claude/skills/
done

Option 3: Copy Skills

cp -r skills/* ~/.claude/skills/

Legacy

Makepad 1.x skills (including Robius and MolyKit patterns) are archived on the v1/makepad-1.0 branch.

Source

License

MIT