How do I install makepad-skills?

Run these in Claude Code: /plugin marketplace add ZhangHanDong/makepad-skills then /plugin install makepad-skills@makepad-skills. Then prompt normally.

Does makepad-skills auto-invoke its skills?

Not yet. It is indexed on Flowy as a plain plugin. Request auto-invocation on its page and Flowy will route its skills for you as you prompt.

Is makepad-skills free?

Yes. Flowy is free and open source, with nothing gated. You can read every skill in full before you install.

Development

Plugin

makepad-skills

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

FLOW.md

zhanghandong@zhanghandong

GitHub

Plugin Signal55/100Fair

maintained44

capable56

documented69

adopted61

Install on Claude Code

> /plugin marketplace add ZhangHanDong/makepad-skills
> /plugin install makepad-skills@makepad-skills

Stats

Bash Rust GitHub Anthropic

745

Stars

Forks

Maintained

Maintenance

4mo ago

Last commit

7mo ago

Created

Repo: ZhangHanDong/makepad-skills

In this plugin

14 skills

See everything inside

What's inside

Skills

/makepad-2.0-animationCRITICAL: Use for Makepad 2.0 animation system. Triggers on: makepad animation, makepad animator, Animator, AnimatorState, hover effect, makepad transition, animation state, Forward, Snap, Loop, ease function, makepad animate, timeline, snap(), default @off, animation group, 动画,/makepad-2.0-app-structureCRITICAL: Use for Makepad 2.0 app structure and Rust integration. Triggers on: makepad app, makepad getting started, app_main!, App::run, MatchEvent, AppMain, handle_event, handle_actions, ScriptVm, from_script_mod, makepad boilerplate, makepad new project, makepad cargo,/makepad-2.0-design-judgmentCRITICAL: Entry-level skill for Makepad 2.0 GUI development. This is the FIRST skill to load for any Makepad task — it provides design judgment anchors ABOVE the other 13 Makepad 2.0 skills. Triggers on: makepad, makepad app, makepad project, makepad design, live_design!,/makepad-2.0-dslCRITICAL: Use for Makepad 2.0 DSL syntax and property system. Triggers on: makepad dsl, script_mod!, makepad syntax, makepad property, makepad 2.0 syntax, colon syntax, merge operator, named instance, let binding, mod.widgets, register_widget, script_component, type_default,/makepad-2.0-eventsCRITICAL: Use for Makepad 2.0 event and action handling. Triggers on: makepad event, makepad action, MatchEvent, handle_event, handle_actions, on_click, on_render, on_return, on_startup, script_eval!, script_apply_eval!, button clicked, text changed, slider changed, checkbox /makepad-2.0-layoutCRITICAL: Use for Makepad 2.0 layout system. Triggers on: makepad layout, makepad width, makepad height, makepad flex, makepad flow, makepad padding, makepad margin, makepad spacing, makepad align, makepad sizing, Fill, Fit, Inset, Flow.Down, Flow.Right, ScrollXView,

Show all 14 skills

/makepad-2.0-migrationCRITICAL: Use for migrating from Makepad 1.x to 2.0. Triggers on: makepad migration, live_design to script_mod, makepad upgrade, makepad 1.x, old syntax, new syntax, makepad breaking changes, makepad 迁移, 旧语法, LiveHook to ScriptHook, apply_over to script_apply_eval, Live to /makepad-2.0-performanceCRITICAL: Use for Makepad 2.0 performance optimization and debugging. Triggers on: makepad performance, makepad debug, makepad profiling, makepad gc, new_batch, texture_caching, render optimization, draw batching, mod.gc, garbage collection, memory, debug logging, troubleshoot,/makepad-2.0-shadersCRITICAL: Use for Makepad 2.0 shader system. Triggers on: makepad shader, Sdf2d, pixel shader, draw_bg, draw_text, draw_quad, makepad gpu, shader function, pixel fn, vertex fn, instance, uniform, shader variable, sdf, premultiply, Pal.premul, GaussShadow, makepad graphics,/makepad-2.0-splashCRITICAL: Use for Makepad 2.0 Splash scripting language. Triggers on: splash language, makepad script, script_mod!, makepad scripting, splash 脚本, makepad 2.0 script, mod.state, on_render, script_eval, streaming evaluation, splash syntax, splash vm, let binding, splash functions,/makepad-2.0-themeCRITICAL: Use for Makepad 2.0 theme system. Triggers on: makepad theme, theme variable, theme color, theme font, theme spacing, dark mode, light mode, theme switching, mod.themes, theme_mod, theme.color_, theme.font_, theme.space_, theme.mspace_, 主题, 颜色, 字体, 暗色模式, 亮色模式, 主题切换, 样式 /makepad-2.0-troubleshootingCRITICAL: Use for Makepad 2.0 troubleshooting and common mistakes. Triggers on: makepad error, makepad bug, makepad problem, makepad issue, makepad not working, text invisible, widget not showing, click not working, height zero, makepad pitfall, makepad gotcha, makepad FAQ,/makepad-2.0-vectorCRITICAL: Use for Makepad 2.0 Vector graphics widget. Triggers on: makepad vector, Vector widget, SVG path, makepad path, makepad circle, makepad gradient, makepad tween, vector animation, Gradient, RadGradient, Filter, DropShadow, Group transform, vector drawing, inline SVG,/makepad-2.0-widgetsCRITICAL: Use for Makepad 2.0 widget catalog and usage. Triggers on: makepad widget, makepad View, makepad Button, makepad Label, makepad TextInput, makepad PortalList, makepad Dock, makepad Modal, makepad Image, makepad CheckBox, makepad Slider, makepad DropDown, widget

README

Read on GitHub

Makepad 2.0 Skills

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

Skills (14)

Skill	Description
`makepad-2.0-design-judgment`	Entry 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-structure`	App structure, `app_main!`, ScriptVm, Cargo setup, hot reload
`makepad-2.0-dsl`	DSL syntax, `script_mod!`, colon syntax, `mod.widgets`, let bindings
`makepad-2.0-layout`	Layout system, Flow, Fill, Fit, Inset, spacing, alignment
`makepad-2.0-widgets`	Widget catalog (View, Button, Label, TextInput, PortalList, Dock, etc.)
`makepad-2.0-events`	Event/action handling, `on_click`, `on_render`, Hit, `ids!`
`makepad-2.0-animation`	Animator, states, Forward/Snap/Loop, ease functions
`makepad-2.0-shaders`	Shader system, `draw_bg`, Sdf2d, pixel/vertex fn, DrawQuad
`makepad-2.0-splash`	Splash scripting language, streaming evaluation, hot reload
`makepad-2.0-theme`	Theme system, `mod.themes`, colors, fonts, dark/light mode
`makepad-2.0-vector`	Vector graphics, SVG paths, gradients, tweens, DropShadow
`makepad-2.0-performance`	Performance optimization, GC, draw batching, ViewOptimize
`makepad-2.0-troubleshooting`	Common mistakes, FAQ, debugging tips
`makepad-2.0-migration`	Migration 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

Makepad: https://github.com/makepad/makepad

License

MIT

File tree

ZhangHanDong/makepad-skillsView on GitHub

.claude-plugin/
  marketplace.json
  plugin.json
.gitignore
CLAUDE.md
metadata.json
README.md
skills/
  makepad-2.0-animation/
    references/
      animator-reference.md
    SKILL.md
  makepad-2.0-app-structure/
    references/
      app-boilerplate.md
      rust-splash-integration.md
    SKILL.md
  makepad-2.0-design-judgment/
    references/
      design-philosophy.md
    SKILL.md
  makepad-2.0-dsl/
    references/
      dsl-syntax-reference.md
      property-system.md
    SKILL.md
  makepad-2.0-events/
    references/
      event-patterns.md
    SKILL.md
  makepad-2.0-layout/
    references/
      layout-patterns.md
    SKILL.md
  makepad-2.0-migration/
    references/
      migration-guide.md
    SKILL.md
  makepad-2.0-performance/
    references/
      optimization-guide.md
    SKILL.md
  makepad-2.0-shaders/
    references/
      sdf2d-reference.md
      shader-reference.md
    SKILL.md
  makepad-2.0-splash/
    references/
      canvas-splash-patterns.md
      splash-language-reference.md
      splash-scripting-patterns.md
    SKILL.md
  makepad-2.0-theme/
    references/
      theme-variables.md
    SKILL.md
  makepad-2.0-troubleshooting/
    references/
      error-solutions.md
    SKILL.md
  makepad-2.0-vector/
    references/
      vector-reference.md
    SKILL.md
  makepad-2.0-widgets/
    references/
      widget-advanced.md
      widget-catalog.md
    SKILL.md

FAQ

makepad-skills is a Claude Code plugin with 14 hand-picked skills for development work, indexed on Flowy. Install it with the command on its page. It includes makepad-2.0-animation, makepad-2.0-app-structure, makepad-2.0-design-judgment. Its skills do not fire on their own yet. Request auto-invocation to have Flowy route them as you prompt. Free and open source.

What is makepad-skills?: Skills for building cross-platform UI applications with Makepad 2.0.
How do I install makepad-skills?: Run these in Claude Code: /plugin marketplace add ZhangHanDong/makepad-skills then /plugin install makepad-skills@makepad-skills. Then prompt normally.
Does makepad-skills auto-invoke its skills?: Not yet. It is indexed on Flowy as a plain plugin. Request auto-invocation on its page and Flowy will route its skills for you as you prompt.
Is makepad-skills free?: Yes. Flowy is free and open source, with nothing gated. You can read every skill in full before you install.