flutter-animator

An Agent Skill that teaches a coding agent which Flutter animation API to reach for, and how to implement it without leaks or silent no-ops.

Demo: https://emadbeltaje.github.io/flutter-animator-example/

Preview

Real world

Production-style patterns (loading, toggles, lists, navigation, and similar).

Implicit	Built-in transitions	Hero

List	Grid	AnimatedSwitcher

AnimatedIcon	Page transitions

Installation

npx skills add EmadBeltaje/flutter-animator

Claude Code (plugin marketplace — see plugin.json and .claude-plugin/marketplace.json in this repo):

/plugin marketplace add EmadBeltaje/flutter-animator
/plugin install flutter-animator@flutter-animator

Other editors (Cursor, Windsurf, Copilot, and similar): copy skills/flutter-animator/ into that tool’s skills folder (for example .cursor/skills/flutter-animator/). There is no separate marketplace publish for Cursor; manual copy is enough.

Or copy into .claude/skills/, .agents/skills/, or .github/skills/ as needed.

Use cases

Use this skill whenever you want motion in a Flutter UI and would rather the agent pick the right API than invent a controller from scratch.

In chat, install the skill then just describe the effect. You do not need to name AnimationController or pick a widget — that is the point of the tree.

Author

EmadBeltaje

{
  "name": "flutter-animator",
  "owner": {
    "name": "Emad Beltaje"
  },
  "metadata": {
    "description": "Teaches the agent which Flutter animation API to use and how to implement it without leaks or silent no-ops."
  },
  "plugins": [
    {
      "name": "flutter-animator",
      "source": "./",
      "description": "Teaches the agent which Flutter animation API to use and how to implement it without leaks or silent no-ops."
    }
  ]
}