makepad-2.0-animation
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, 动画, 过渡, 悬停效果, 动画状态, 缓动函数
npx skills add ZhangHanDong/makepad-skills --skill makepad-2.0-animation --agent claude-code
Same command for any agent — swap --agent for codex, cursor, copilot.
Weekly change comes from our own snapshots, not the repository page — it measures attention, not adoption.
# Makepad 2.0 Animation Skill > **Version:** makepad-widgets (dev branch) | **Last Updated:** 2026-03-03 ## Overview The Animator system drives `instance()` shader variables over time, enabling hover effects, transitions, and looping animations. It uses independent animation tracks called "groups" that run simultaneously. ## Documentation Refer to the local files for detailed documentation: - `./references/animator-reference.md` - Complete Animator API, play types, ease functions, examples ## IMPORTANT: Documentation Completeness Check **Before answering questions, Claude MUST:** 1. Read the relevant reference file(s) listed above 2. If file read fails or file is empty: - Inform user: "Reference docs incomplete. Still answering based on SKILL.md patterns." - Still answer based on SKILL.md patterns + built-in knowledge 3. If reference file exists, incorporate its content into the answer --- ## Critical: Widget Animator Support **NOT all widgets support `animator`!** Adding `animator: Animator{...}` to an unsupported widget is **silently ignored** - no error, no animation, nothing happens. ### Widgets that SUPPORT Animator `View`, `SolidView`, `RoundedView`, `ScrollXView`, `ScrollYVi
- Overview
- Documentation
- IMPORTANT: Documentation Completeness Check
- Critical: Widget Animator Support
- Widgets that SUPPORT Animator
- Widgets that DO NOT Support Animator
- Animator Structure
- Groups
- The from Block
- Play Types
- Ease Functions
- The apply Block
- Complete Hover Button Example
- Timeline Animation (Keyframes)
What does the makepad-2.0-animation skill do?
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, 动画, 过渡, 悬停效果, 动画状态, 缓动函数
How do I install it?
Run `npx skills add ZhangHanDong/makepad-skills --skill makepad-2.0-animation --agent claude-code` — it drops the skill into your project so the agent can pick it up. Swap the --agent value for codex, cursor or copilot if you use one of those.
Where does this skill come from?
From ZhangHanDong/makepad-skills, a repository with 745 stars. We read it straight from the repository tree rather than a submitted listing, so what you see here is what is actually published.
Is a popular skill a good skill?
Not necessarily. Stars measure attention, not adoption — a repository can trend for a week and be abandoned. That is why we show the weekly change from our own snapshots next to the total, instead of a single flattering number.