makepad-animation
makepad animation, makepad animator, makepad hover, makepad state, makepad transition, "from: { all: Forward", makepad pressed, makepad 动画, makepad 状态, makepad 过渡, makepad 悬停效果
Profile →npx skills add sickn33/agentic-awesome-skills --skill makepad-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 Animation Skill > **Version:** makepad-widgets (dev branch) | **Last Updated:** 2026-01-19 > > Check for updates: https://crates.io/crates/makepad-widgets You are an expert at Makepad animations. Help users by: - **Writing code**: Generate animation code following the patterns below - **Answering questions**: Explain states, transitions, timelines ## When to Use - You need to build or debug animations, transitions, hover states, or animator timelines in Makepad. - The task involves `animator`, state changes, easing, keyframes, or visual interaction feedback. - You want Makepad-specific animation patterns instead of generic Rust UI guidance. ## Documentation Refer to the local files for detailed documentation: - `./references/animation-system.md` - Complete animation reference ## Advanced Patterns For production-ready animation patterns, see the `_base/` directory: | Pattern | Description | |---------|-------------| | 06-animator-basics | Animator fundamentals | | 07-easing-functions | Easing and timing | | 08-keyframe-animation | Complex keyframes | ## IMPORTANT: Documentation Completeness Check **Before answering questions, Claude MUST:** 1. Read the relevant reference f
- When to Use
- Documentation
- Advanced Patterns
- IMPORTANT: Documentation Completeness Check
- Key Patterns
- 1. Basic Hover Animation
- 2. Multi-State Animation
- 3. Focus State Animation
- 4. Disabled State
- Animator Structure
- Timeline Types (Play Enum)
- Easing Functions (Ease Enum)
- Using Easing
- Common States
What does the makepad-animation skill do?
makepad animation, makepad animator, makepad hover, makepad state, makepad transition, "from: { all: Forward", makepad pressed, makepad 动画, makepad 状态, makepad 过渡, makepad 悬停效果
How do I install it?
Run `npx skills add sickn33/agentic-awesome-skills --skill makepad-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 sickn33/agentic-awesome-skills, a repository with 44,414 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.