makepad-2.0-animation（Makepad 2.0 アニメーション）

このSkillでできること

✓Animatorによるホバー効果や状態遷移を設計する
✓Forward、Snap、Loopやタイムラインを使った動きを扱う
✓対応ウィジェットのシェーダーinstance変数をアニメーションさせる
✓ローディングスピナーなどのループ表現を作る

使い方

STEP 1

アニメーション対象の値をinstance変数として定義する

STEP 2

Animator内でhoverやfocusなどのグループと状態を設定する

STEP 3

通常の遷移にはForward、即時変更にはSnapを使う

STEP 4

Animator非対応のLabelはViewで包んでアニメーションさせる

Skillのインストール

AIにこのSkillを追加してもらう

GitHub URLごとCodexやClaude Codeへ渡し、現在の環境に合う方法を判断してもらいます。

このGitHubリポジトリにあるSkillを確認し、現在の環境に適した方法でインストールしてください。
インストール後、正常に利用できることを確認し、基本的な使い方も簡潔に説明してください。

Repository:
https://github.com/ZhangHanDong/makepad-skills

手動でインストールする

README / SKILL.mdから機械抽出できたコマンドのみ表示しています。推測したコマンドではありません。

cp -r skills/* ~/.claude/skills/

このSkillを使うプロンプト例

Skill名を明示すると、意図したSkillを使わせやすくなります。自動発動型では必須とは限りません。

Makepad 2.0で、ボタンのホバー時に背景色を0.2秒で遷移させるAnimator定義を作成してください。使用するウィジェットがAnimator対応かも確認してください。

出力例を見る

animator: Animator{
    hover: {
        default: @off
        off: AnimatorState{
            from: {all: Snap}
            apply: {draw_bg: {hover: 0.0}}
        }
        on: AnimatorState{
            from: {all: Forward {duration: 0.2}}
            apply: {draw_bg: {hover: 1.0}}
        }
    }
}

安全性チェック

自動解析による参考情報です。Skillの安全性を保証するものではありません。

外部API通信検出あり

Shellコマンド実行検出あり

ファイル読み取り明確な記述なし

ファイル書き込み検出あり

ネットワークアクセス検出あり

認証情報明確な記述なし

検出根拠を見る

shell: ] } ``` ### Option 2: Symlink to Skills Directory ```bash for skill in skills/*; do ln -sf "$(pwd)/$skill" ~/.claude/skills/ done ``` ### Opti
shell: ~/.claude/skills/ done ``` ### Option 3: Copy Skills ```bash cp -r skills/* ~/.claude/skills/ ``` ## Legacy Makepad 1.x skills (including Robius and
file_write: e/skills/ done ``` ### Option 3: Copy Skills ```bash cp -r skills/* ~/.claude/skills/ ``` ## Legacy Makepad 1.x skills (including Robius and Mol
network: ree/v1/makepad-1.0) branch. ## Source - **Makepad**: https://github.com/makepad/makepad ## License MIT

makepad-2.0-animation

このSkillでできること

使い方

Skillのインストール

AIにこのSkillを追加してもらう

このSkillを使うプロンプト例

安全性チェック

関連Skill

sepia-hemingway

masc-pr-patrol

build