Agent Skill
2/7/2026

makepad-animation

CRITICAL: Use for Makepad animation system. Triggers on: makepad animation, makepad animator, makepad hover, makepad state, makepad transition, "from: { all: Forward", makepad pressed, makepad 动画, makepad 状态, makepad 过渡, makepad 悬停效果

Z
zhanghandong
704GitHub Stars
1Views
npx skills add ZhangHanDong/makepad-skills

SKILL.md

Namemakepad-animation
DescriptionCRITICAL: Use for Makepad animation system. Triggers on: makepad animation, makepad animator, makepad hover, makepad state, makepad transition, "from: { all: Forward", makepad pressed, makepad 动画, makepad 状态, makepad 过渡, makepad 悬停效果

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

Skills Info
Original Name:makepad-animationAuthor:zhanghandong