<Devsly/>
NotebookLM Watermark Remover
Remove the NotebookLM watermark from PDF slide exports — free, unlimited, and 100% in your browser.
View
NotebookLM Video Watermark Remover
Remove the NotebookLM watermark from every frame of your MP4 and auto-trim the end card — free and unlimited.
View
Gemini Watermark Remover
Remove the Gemini (Veo) sparkle watermark from every frame of your AI-generated MP4 — free and unlimited.
View
MCP https://devsly.io/mcp MCP Tools Best Skills API Docs

Keyboard Shortcuts

Navigation

Quick Search
⌘ / Ctrl + K
Toggle Dark Mode
⌘ / Ctrl + D
Close Dialogs
Esc

Tool Actions

Execute / Process
⌘ / Ctrl + Enter
Clear Input
⌘ / Ctrl + Shift + C
Copy Output
⌘ / Ctrl + Shift + X

Editor

Select All
⌘ / Ctrl + A
Undo
⌘ / Ctrl + Z
Redo
⌘ / Ctrl + Shift + Z

Updated 6mo ago

by ZhangHanDong

makepad-skills

Build App with Makepad and AI skills

Works with
  • Claude

748 GitHub stars (748)

Stars gained per day · daily snapshots since Sep 26
Stars gained per day, Sep 26 to Oct 16: −1 in total; the busiest day was Oct 7 with +2 stars.Sep 27–28 (2 days): 0 stars (about 0/day)Sep 29: 0 starsSep 30: −1 starsOct 1: 0 starsOct 2: 0 starsOct 3: −1 starsOct 4: 0 starsOct 5: +1 starsOct 6: 0 starsOct 7: +2 starsOct 8: 0 starsOct 9: −1 starsOct 10: 0 starsOct 11: 0 starsOct 12: −1 starsOct 13: 0 starsOct 14: 0 starsOct 15: 0 starsOct 16: 0 stars
Stars gained between daily snapshots
PeriodNew stars
Sep 27–28 (2 days)0
Sep 290
Sep 30−1
Oct 10
Oct 20
Oct 3−1
Oct 40
Oct 5+1
Oct 60
Oct 7+2
Oct 80
Oct 9−1
Oct 100
Oct 110
Oct 12−1
Oct 130
Oct 140
Oct 150
Oct 160
  • 14 skills (14 skills found in its SKILL.md files)
  • 88 forks (88 forks)
  • 6mo ago last update (Last updated 6mo ago)

Install

Skills CLI

npx skills add ZhangHanDong/makepad-skills

Asks which skills and agents to install. Just one: npx skills add ZhangHanDong/makepad-skills --skill makepad-2.0-animation — add -g for every project.

Claude Code

git clone https://github.com/ZhangHanDong/makepad-skillscp -r "makepad-skills/skills/makepad-2.0-animation" ~/.claude/skills/

Copies the makepad-2.0-animation skill into ~/.claude/skills/ for every project (use .claude/skills/ for one project). Repeat for the other skills listed below.

Plugin

/plugin marketplace add ZhangHanDong/makepad-skills

Run inside Claude Code if the repository ships a plugin marketplace, then pick plugins from /plugin.

Skills can run code on your machine — read the SKILL.md first.

What it does

In the author's own words, from each skill's SKILL.md.

  • makepad-2.0-animation

    CRITICAL: 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, 动画, 过渡, 悬停效果, 动画状态, 缓动函数

    skills/makepad-2.0-animation/SKILL.md on GitHub (opens in a new tab)
  • makepad-2.0-app-structure

    CRITICAL: 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, Cargo.toml setup, hot reload, --hot, live reload, wasm deploy, cargo makepad, media plugin, audio_output, audio_input, AudioBu…

    skills/makepad-2.0-app-structure/SKILL.md on GitHub (opens in a new tab)
  • makepad-2.0-design-judgment

    CRITICAL: 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!, app_main!, script_mod!, Cx, WidgetRef, Widget, makepad-widgets, makepad architecture, makepad how to, "how should I", "should…

    skills/makepad-2.0-design-judgment/SKILL.md on GitHub (opens in a new tab)
  • makepad-2.0-dsl

    CRITICAL: 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, widgets_internal

    skills/makepad-2.0-dsl/SKILL.md on GitHub (opens in a new tab)
  • makepad-2.0-events

    CRITICAL: 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 toggled, Hit, FingerDown, FingerUp, KeyDown, KeyUp, Focus, ids!, TextCopy, TextCut, SelectionHandleDrag, PopupDismissed, cl…

    skills/makepad-2.0-events/SKILL.md on GitHub (opens in a new tab)
  • makepad-2.0-layout

    CRITICAL: 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, ScrollYView, 布局, 对齐, 间距, 填充, 排版, 滚动视图, 尺寸, 宽度, 高度

    skills/makepad-2.0-layout/SKILL.md on GitHub (opens in a new tab)
  • makepad-2.0-migration

    CRITICAL: 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 Script, live_design!, angle brackets to curly braces

    skills/makepad-2.0-migration/SKILL.md on GitHub (opens in a new tab)
  • makepad-2.0-performance

    CRITICAL: 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, ViewOptimize, PortalList, CachedView, render tree, invisible text, text disappears, UI freezes, scroll stuttering, 性能, 调…

    skills/makepad-2.0-performance/SKILL.md on GitHub (opens in a new tab)
  • makepad-2.0-shaders

    CRITICAL: 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, custom draw, DrawQuad, DrawVector, 着色器, 像素, 渲染, 自定义绘制, 距离场

    skills/makepad-2.0-shaders/SKILL.md on GitHub (opens in a new tab)
  • makepad-2.0-splash

    CRITICAL: 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, hot reload, live reload, ScriptModKey, script_mod_overrides, checkpoint, incremental parsing, canvas splash, POST splas…

    skills/makepad-2.0-splash/SKILL.md on GitHub (opens in a new tab)
  • makepad-2.0-theme

    CRITICAL: 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_, 主题, 颜色, 字体, 暗色模式, 亮色模式, 主题切换, 样式

    skills/makepad-2.0-theme/SKILL.md on GitHub (opens in a new tab)
  • makepad-2.0-troubleshooting

    CRITICAL: 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 help, script_mod error, compile error, widget not found, render not updating, hot reload not working, wasm build err…

    skills/makepad-2.0-troubleshooting/SKILL.md on GitHub (opens in a new tab)
  • makepad-2.0-vector

    CRITICAL: 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, 矢量图形, SVG, 路径, 渐变, 矢量动画

    skills/makepad-2.0-vector/SKILL.md on GitHub (opens in a new tab)
  • makepad-2.0-widgets

    CRITICAL: 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 catalog, widget reference, widget list, SolidView, RoundedView, ScrollYView, FoldHeader, Splitter, FileTree, 组件, 控件, 视图, 按钮, 标签…

    skills/makepad-2.0-widgets/SKILL.md on GitHub (opens in a new tab)

Review before you install

A skill is a set of instructions and scripts your agent will follow, and it can run code on your machine. Read the SKILL.md and any scripts first — this listing is not a security review.