フロントエンド・デザイン · アニメーション・モーション

AIコーディング向けアニメーション・モーションスキルおすすめ(2026年)

AIコーディング向けのアニメーション・モーションスキルで最もおすすめなのはreview-animationsです(GitHubスター5.4万・29万インストール)。有力な代替候補はanimation-vocabularyとimprove-animationsです。

Webアニメーション、モーション、マイクロインタラクションのスキルを、実際の利用データ(インストール数、次にGitHubスター数)でランキングしています。フロントエンド・デザインカテゴリの一部です。全体のおすすめデザインスキル厳選リストもご覧ください。

ランキング:Skillselion · 利用データ:skills.shレジストリとGitHub

厳選ランキング

アニメーション・モーションスキル トップ12

#スキル対応エージェントスターインストール数
1
review-animationsコレクションemilkowalski · emilkowalski/skillsイチオシ

Extends skill capabilities for developers.

Claude CodeCursorCodexGrok5.4万29万
2
animation-vocabularyコレクションemilkowalski · emilkowalski/skills

Map vague motion descriptions to precise web animation terms so you can prompt designers or implement the right effect.

Claude CodeCursorCodexGrok5.4万27万
3
improve-animationsコレクションemilkowalski · emilkowalski/skills

Teams get a prioritized, read-only audit of a codebase's animation code plus self-contained fix plans that any agent or cheaper model can execute.

Claude CodeCursorCodexGrok5.4万25.6万
4
find-animation-opportunitiesコレクションemilkowalski · emilkowalski/skills

Design engineers sweep a codebase or UI for moments that would genuinely benefit from motion and get precise animation recipes, with most candidates deliberately rejected.

Claude CodeCursorCodexGrok5.4万24万
5
threejs-animationコレクションCloudAI-X · CloudAI-X/threejs-skills

Quickly generate, debug, and optimize Three.js keyframe, skeletal, morph target, and mixed animations inside Cursor or Claude Code.

Claude CodeCursorCodexGrok40652.4万
6
flutter-animationsコレクションMADTeacher · MADTeacher/mad-agents-skills

Add, fix, refactor, debug, test or explain Flutter animations and motion effects while staying consistent with the app's widget tree, state, navigation, theme and perfo

Claude CodeCursorCodexGrok1121.6万
7
ui-animationコレクションmblode · mblode/agent-skills

Create hardware-accelerated UI animations and micro-interactions that would be impossible with opacity and transform alone.

Claude CodeCursorCodexGrok1891.1万
8
godot-animationコレクションgamedev-skills · gamedev-skills/awesome-gamedev-agent-skills

Animate in Godot 4.7 using AnimationPlayer, AnimationTree state machines, and Tween procedural animation.

Claude CodeCursorCodexGrok76319913
9
unity-animationコレクションgamedev-skills · gamedev-skills/awesome-gamedev-agent-skills

Drive Unity 6.3 LTS character animation with Animator Controllers, states, transitions, and blend trees.

Claude CodeCursorCodexGrok76318759
10
swiftui-animationコレクションdpearson2699 · dpearson2699/swift-ios-skills

Get instant, deep reference examples for advanced SwiftUI animation APIs when building iOS interfaces with Claude Code or Cursor.

Claude CodeCursorCodexGrok12805667
11
review-animationsコレクションemilkowalski · emilkowalski/skills

Run a motion-only code review so UI transitions meet a high craft bar before you ship interface polish.

Claude CodeCursorCodexGrok5.4万5038
12
gsap-framer-scroll-animationコレクションgithub · github/awesome-copilot

Generate production-grade scroll-linked animations, parallax effects, and staggered reveals using Motion (Framer Motion) with accurate Copilot prompts.

Claude CodeCursorCodexGrok4.1万4003
FAQ

よくある質問

アニメーション・モーションで最もおすすめのスキルはどれですか?

アニメーション・モーション分野の第1位はreview-animationsです(29万インストール・GitHubスター5.4万)。Extends skill capabilities for developers.

これらのアニメーション・モーションスキルはどのようにランキングされていますか?

Webアニメーション、モーション、マイクロインタラクションのスキルに該当するスキルを、実際の利用データ(インストール数を第1基準、GitHubスター数を第2基準)でランキングしています。データはskills.shレジストリとGitHubに基づきます。

review-animationsはどうやってインストールしますか?

次のコマンドを実行します: npx skills add https://github.com/emilkowalski/skills --skill review-animations

今週のAIコーディング

毎週月曜に5分で読める、開発者向けのツール・リリース・活用術。

いつでも登録解除できます。