Add Flutter Docusaurus Locale
matthiasn/lotti
Add, complete, or audit a locale across a Flutter application's ARB catalogs and a localized Docusaurus manual, including generated localization code, locale selectors, native platform declarations…
Add, fix, refactor, debug, test, or explain Flutter animations and motion effects.
Install Flutter Animations
$ npx skills add MADTeacher/mad-agents-skills --skill flutter-animations -a claude-codeProject install by default; add -g for ~/.claude/skills/.
$ gh skill install MADTeacher/mad-agents-skills flutter-animations --agent claude-codeProject scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).
$ git clone --depth 1 https://github.com/MADTeacher/mad-agents-skills.git skills-src && mkdir -p .claude/skills && cp -r skills-src/flutter-animations .claude/skills/flutter-animations && rm -rf skills-srcUse ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.
Claude Code skills documentation · loads skills from .claude/skills/
Install the "flutter-animations" agent skill from https://github.com/MADTeacher/mad-agents-skills/tree/main/flutter-animations into .claude/skills/flutter-animations/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "flutter-animations", then confirm the skill loads.Claude Code copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$skill-installer install https://github.com/MADTeacher/mad-agents-skills/tree/main/flutter-animationsType this inside Codex. $skill-installer <name> installs a curated skill from openai/skills. The installer writes to $CODEX_HOME/skills (default ~/.codex/skills). Restart Codex if the skill does not show up.
$ npx skills add MADTeacher/mad-agents-skills --skill flutter-animations -a codexProject install goes to .agents/skills/; add -g for ~/.codex/skills/.
$ gh skill install MADTeacher/mad-agents-skills flutter-animations --agent codexProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/MADTeacher/mad-agents-skills.git skills-src && mkdir -p .agents/skills && cp -r skills-src/flutter-animations .agents/skills/flutter-animations && rm -rf skills-srcUse ~/.agents/skills/ instead of .agents/skills for a personal install.
Codex skills documentation · loads skills from .agents/skills/
Install the "flutter-animations" agent skill from https://github.com/MADTeacher/mad-agents-skills/tree/main/flutter-animations into .agents/skills/flutter-animations/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "flutter-animations", then confirm the skill loads.Codex copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add MADTeacher/mad-agents-skills --skill flutter-animations -a cursorProject install goes to .agents/skills/; add -g for ~/.cursor/skills/.
$ gh skill install MADTeacher/mad-agents-skills flutter-animations --agent cursorProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/MADTeacher/mad-agents-skills.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/flutter-animations .cursor/skills/flutter-animations && rm -rf skills-srcUse ~/.cursor/skills/ instead of .cursor/skills for a personal install.
Cursor skills documentation · loads skills from .cursor/skills/, .agents/skills/, .claude/skills/, .codex/skills/
Install the "flutter-animations" agent skill from https://github.com/MADTeacher/mad-agents-skills/tree/main/flutter-animations into .cursor/skills/flutter-animations/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "flutter-animations", then confirm the skill loads.Cursor copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gemini skills install https://github.com/MADTeacher/mad-agents-skills.git --path flutter-animations--scope user (default) or --scope workspace; --path is the subfolder of the repo that holds the skill; --consent skips the security confirmation prompt.
$ npx skills add MADTeacher/mad-agents-skills --skill flutter-animations -a gemini-cliProject install goes to .agents/skills/; add -g for ~/.gemini/skills/.
$ gh skill install MADTeacher/mad-agents-skills flutter-animations --agent gemini-cliProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/MADTeacher/mad-agents-skills.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/flutter-animations .gemini/skills/flutter-animations && rm -rf skills-srcUse ~/.gemini/skills/ instead of .gemini/skills for a personal install, then run /skills reload.
Gemini CLI skills documentation · loads skills from .gemini/skills/, .agents/skills/
Install the "flutter-animations" agent skill from https://github.com/MADTeacher/mad-agents-skills/tree/main/flutter-animations into .gemini/skills/flutter-animations/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "flutter-animations", then confirm the skill loads.Gemini CLI copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gh skill install MADTeacher/mad-agents-skills flutter-animationsInstalls for Copilot at project scope by default; add --scope user for a personal install. Preview a skill first with gh skill preview. Needs GitHub CLI 2.90.0 or later (public preview).
$ npx skills add MADTeacher/mad-agents-skills --skill flutter-animations -a github-copilotProject install goes to .agents/skills/; add -g for ~/.copilot/skills/.
$ git clone --depth 1 https://github.com/MADTeacher/mad-agents-skills.git skills-src && mkdir -p .github/skills && cp -r skills-src/flutter-animations .github/skills/flutter-animations && rm -rf skills-srcUse ~/.copilot/skills/ instead of .github/skills for a personal install. Commit .github/skills so cloud agent and code review can use it.
GitHub Copilot skills documentation · loads skills from .github/skills/, .claude/skills/, .agents/skills/
Install the "flutter-animations" agent skill from https://github.com/MADTeacher/mad-agents-skills/tree/main/flutter-animations into .github/skills/flutter-animations/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "flutter-animations", then confirm the skill loads.GitHub Copilot copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add MADTeacher/mad-agents-skills --skill flutter-animations -a opencodeOpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.
$ gh skill install MADTeacher/mad-agents-skills flutter-animations --agent opencodeProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/MADTeacher/mad-agents-skills.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/flutter-animations .opencode/skills/flutter-animations && rm -rf skills-srcUse ~/.config/opencode/skills/ instead of .opencode/skills for a personal install.
OpenCode skills documentation · loads skills from .opencode/skills/, .claude/skills/, .agents/skills/
Install the "flutter-animations" agent skill from https://github.com/MADTeacher/mad-agents-skills/tree/main/flutter-animations into .opencode/skills/flutter-animations/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "flutter-animations", then confirm the skill loads.OpenCode copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
Facts
- Skill name
flutter-animations- GitHub stars
- 110
- Token cost
- ~1.8k tokens
- SKILL.md length
- 785 words
- Files
- 11 (incl. references, assets)
- Skills in repo
- 11
- Repo updated
- First seen
- Licence
- MIT
At a glance
Add, fix, refactor, debug, test, or explain Flutter animations and motion effects.
- Works in 7 steps: Identify the user's actual request: add… → Inspect the local Flutter context first… → Choose the smallest animation model that… → …
- Working with implicit animations such as AnimatedContainer
- SKILL.md covers Principle 0, Workflow, Decision Guide and Resource Routing, plus 2 more sections
- Runs Dart scripts from its folder; calls flutter and dart
What it does
Flutter Animations is an agent skill from MADTeacher/mad-agents-skills. Add, fix, refactor, debug, test, or explain Flutter animations and motion effects. Use when working with implicit animations such as AnimatedContainer, AnimatedOpacity, AnimatedSwitcher, and TweenAnimationBuilder; explicit animations using AnimationController, Tween, CurvedAnimation, AnimatedWidget, AnimatedBuilder, and built-in transitions; Hero/shared-element route transitions; staggered or sequenced animations; physics-based motion, gestures, springs, flings, scroll physics, curves, performance, accessibility…
Its SKILL.md is about 1.8k tokens, which your agent loads only when the skill is triggered. The skill folder holds 13 other files, including reference files and assets (for example `references/curves.md`, `references/explicit.md` and `references/hero.md`).
It sits in Mobile, covering Cross-platform mobile apps. It works with Flutter. The repository describes itself as: Collection of agent skills for AI assistants working with Dart and Flutter projects. The licence is MIT.
When your agent uses it
- Working with implicit animations such as AnimatedContainer
- AnimatedOpacity
- AnimatedSwitcher
- TweenAnimationBuilder
Example prompts
- “/flutter-animations”
Workflow steps
7 steps, taken from the first numbered list in SKILL.md.
- Identify the user's actual request: add a new animation, fix a broken one,
- Inspect the local Flutter context first when code is available: widget tree,
- Choose the smallest animation model that satisfies the behavior
- Implement in the app's style. Preserve existing public APIs unless the user
- Prefer production animation patterns: AnimatedBuilder, AnimatedWidget,
- Respect accessibility and user settings. Check MediaQuery.disableAnimations
- Validate with the strongest available local checks. At minimum, run analyzer
What it can do on your machine
Read from SKILL.md and the folder at commit 2fb67e3. It shows what the files ask for, not the result of running them.
Tool permissions
Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.
From allowed-tools in the SKILL.md frontmatter.
Runs code
Ships script files (Dart), which the agent can run.
Shell commands in SKILL.md call:
flutterdart
From the folder's file list and the shell code blocks in SKILL.md.
Network
No URLs in SKILL.md.
From URLs in SKILL.md, links to its own repository left out.
Credentials
Names no API keys, tokens, secrets or passwords.
From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.
Context cost
Flutter Animations loads about 1.8k tokens when it runs, and up to ~21k if it reads all its reference files. Until then it costs about 146 tokens; SKILL.md has 785 words of instructions outside code blocks.
Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.
Safety
Auto-check passed
The automated check found no risky patterns in SKILL.md.
Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.
SKILL.md
The full file from MADTeacher/mad-agents-skills at commit 2fb67e3, republished under its MIT licence (© MADTeacher). 785 words, ~1,796 tokens.
Download SKILL.mdSave it as
.claude/skills/flutter-animations/SKILL.md (or your agent's skills folder). This skill also uses 10 other files; get the full folder from GitHub.- name
- flutter-animations
- description
- Add, fix, refactor, debug, test, or explain Flutter animations and motion effects. Use when working with implicit animations such as AnimatedContainer, AnimatedOpacity, AnimatedSwitcher, and TweenAnimationBuilder; explicit animations using AnimationController, Tween, CurvedAnimation, AnimatedWidget, AnimatedBuilder, and built-in transitions; Hero/shared-element route transitions; staggered or sequenced animations; physics-based motion, gestures, springs, flings, scroll physics, curves, performance, accessibility, reduced motion, and animation lifecycle bugs.
- metadata.author
- Stanislav [MADTeacher] Chernyshev
- metadata.version
- 2.0
Flutter Animations
You are a Flutter motion implementation specialist. Build animation changes that fit the app's existing widget structure, state model, navigation, theme, and performance constraints.
Principle 0
Motion must not become hidden state or unverified demo code. Before adding or changing animation logic, inspect the target widget, lifecycle, route structure, and existing patterns. After the change, verify analyzer-clean Dart and call out any animation behavior that could not be run or visually checked.
Workflow
- Identify the user's actual request: add a new animation, fix a broken one, refactor animation code, debug jank/lifecycle behavior, explain a pattern, or provide a standalone example.
- Inspect the local Flutter context first when code is available: widget tree, state management, navigation approach, assets, tests, theming, accessibility helpers, and existing animation abstractions.
- Choose the smallest animation model that satisfies the behavior:
- Use implicit animations for simple state-driven property changes.
- Use explicit animations for lifecycle control, repeated/reversible motion, gestures, multiple coordinated properties, or custom transitions.
- Use Hero for shared elements across route transitions.
- Use staggered animation when multiple elements need sequenced or overlapping timing.
- Use physics when motion depends on velocity, springs, dragging, flings, or scroll-like behavior.
- Implement in the app's style. Preserve existing public APIs unless the user asked for a refactor. Keep controllers owned by the state object that owns the animation lifecycle, dispose them, and avoid creating animation state inside build methods.
- Prefer production animation patterns:
AnimatedBuilder,AnimatedWidget, built-in transitions, child caching, stable keys, and small rebuild regions. UsesetState()in animation listeners only for minimal examples or when no narrower rebuild path is practical. - Respect accessibility and user settings. Check
MediaQuery.disableAnimationsor existing reduced-motion policy for non-essential motion, and provide a fast/static path when motion can distract or harm usability. - Validate with the strongest available local checks. At minimum, run analyzer on touched Dart files or the relevant Flutter project. Run widget/golden or integration tests when animation behavior, navigation, or gestures are part of the requested change.
Decision Guide
| Need | Default approach |
|---|---|
| One property or a small set of state-driven visual changes | AnimatedContainer, AnimatedOpacity, AnimatedAlign, AnimatedPadding, AnimatedSwitcher, or TweenAnimationBuilder |
| Full lifecycle control, repeat/reverse/status, or gesture-driven values | AnimationController with Tween, CurvedAnimation, AnimatedBuilder, or AnimatedWidget |
| Shared visual element between routes | Hero with stable unique tags and compatible source/destination widget trees |
| List/menu/card reveal with offset timings | One controller with Intervals, or per-item animation only when lifecycle truly differs |
| Spring/fling/drag or platform scroll feel | fling, animateWith, SpringSimulation, gesture velocity, or platform-specific ScrollPhysics |
| Motion feels wrong but code works | Tune duration, curve, interval, easing, or reduced-motion behavior before adding complexity |
Show full SKILL.md (355 more words)Show less
Resource Routing
Read only the resources needed for the current task:
| Task | Read/use | Purpose |
|---|---|---|
| Simple state-driven animation or AnimatedSwitcher/TweenAnimationBuilder choice | references/implicit.md; optionally assets/templates/implicit_animation.dart for a standalone example | Widget options, parameters, and simple examples |
| Controller lifecycle, built-in transitions, status listeners, or reusable animated widgets | references/explicit.md; optionally assets/templates/explicit_animation.dart for a standalone example | Correct controller ownership, disposal, and rebuild patterns |
| Shared-element route transition, custom flight path, placeholder, or HeroMode | references/hero.md; optionally assets/templates/hero_transition.dart for a standalone example | Hero tags, route behavior, shuttle builders, and common pitfalls |
| Sequenced list/menu/reveal/ripple timing | references/staggered.md; optionally assets/templates/staggered_animation.dart for a standalone example | Interval timing, duration calculation, and stagger patterns |
| Spring, fling, drag, custom Simulation, or scroll physics | references/physics.md | Simulation setup, gesture velocity, platform physics, and tuning |
| Curve choice, custom curve, easing mismatch, or reduced-motion tuning | references/curves.md | Curve selection, custom curves, and accessibility notes |
Templates are complete demo files, not drop-in production modules. When using a
template inside an app, rename demo classes, remove main() and MaterialApp
wrappers, adapt assets/routes/state, and re-run analyzer.
Constraints
- Do not invent missing routes, asset paths, theme tokens, gesture behavior, or state-management APIs. Inspect them or ask the user if they are absent.
- Do not add an
AnimationControllerwhen an implicit widget gives the same behavior with less lifecycle risk. - Do not leave controllers, listeners, timers, or status callbacks undisposed.
- Do not use global debug settings such as
timeDilationin production code. Mention them only as a local debugging aid. - Do not copy reference snippets blindly; adapt them to the project's Flutter version, lint rules, null-safety, and deprecation state.
- Do not make accessibility optional for user-facing motion. If reduced-motion support cannot be implemented, report the limitation.
Validation
- Run
dart formator the project's formatter on edited Dart files when edits are made. - Run
flutter analyzefor the project, package, or specific touched Dart file. - Run focused tests when animation changes affect navigation, gestures, stateful lifecycle, or user-visible regressions.
- For visual changes, inspect the running app or screenshots when feasible. If that is not possible, state what was validated statically and what remains visually unverified.
- When updating templates, verify each template as
lib/main.dartin a minimal Flutter project withflutter analyze lib/main.dart.
© MADTeacher, MIT. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file
Files
SKILL.md and 10 other files (references, assets) in flutter-animations of MADTeacher/mad-agents-skills.
- SKILL.md
- assets/templates/explicit_animation.dart
- assets/templates/hero_transition.dart
- assets/templates/implicit_animation.dart
- assets/templates/staggered_animation.dart
- references/curves.md
- references/explicit.md
- references/hero.md
- references/implicit.md
- references/physics.md
- references/staggered.md
Open the folder on GitHubat commit 2fb67e3
Compare with similar skills
Flutter Animations next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.
| Skill | Stars | Used in | Tokens | Auto-check | Licence | Repo updated |
|---|---|---|---|---|---|---|
| Flutter Animations this skillMADTeacher/mad-agents-skills | 110 | — | ~1.8k | Automated safety check: Pass | MIT | |
| Add Flutter Docusaurus Localematthiasn/lotti | 1.2k | — | ~1.2k | Automated safety check: Pass | GPL-3.0 | |
| Tm Launcher DesignFar-Se/tabame | 372 | — | ~3.1k | Automated safety check: Pass | MIT | |
| Flutter Initbear2u/my-skills | 933 | — | ~2.5k | Automated safety check: Pass | None | |
| Mobile App UI Designceorkm/mobile-app-ui-design | 403 | — | ~2k | Automated safety check: Pass | None | |
| Marionette Flutter Drive Appleancodepl/marionette_mcp | 482 | — | ~11k | Automated safety check: Pass | Apache-2.0 |
Similar skills
Tm Launcher Design
Far-Se/tabame
Create or revise Tabame's Flutter launcher designs: frames, search bars, result rows, palettes, typography, and action dialogs.
Flutter Init
bear2u/my-skills
A skill your agent uses when user wants to create a new Flutter project (Todo/Habit/Note/Expense/Custom domain) with Clean Architecture, Riverpod 3.0, Drift, and modern Flutter stack
Mobile App UI Design
ceorkm/mobile-app-ui-design
Design high-quality mobile app UI/UX screens, flows, and components.
Marionette Flutter Drive App
leancodepl/marionette_mcp
Set up and drive a running Flutter app (debug or profile) with Marionette — an AI agent's hands and eyes for the app.
Flutter Screenshot
JustLookAtNow/pt_mate
Capture and show two Flutter UI screenshots for this project: one landscape/large-screen preview and one portrait/mobile preview, without using Flutter Web.
More from MADTeacher/mad-agents-skills
All 11 skills in this repoFlutter Internationalization
MADTeacher/mad-agents-skills
Add, fix, audit, and maintain Flutter internationalization with gen-l10n, ARB files, AppLocalizations, flutterlocalizations, intl formatting, plural/select messages, RTL support, locale-specific…
Flutter Networking
MADTeacher/mad-agents-skills
Implement, fix, debug, review, or refactor Flutter networking code for HTTP/REST APIs, WebSocket realtime flows, authentication and token refresh, request headers, timeouts, retries, JSON parsing…
Agents Md Generator
MADTeacher/mad-agents-skills
Create, generate, update, repair, trim, or split minimal AGENTS.md files for repository roots and confirmed nested modules using progressive disclosure.
Dart Drift
MADTeacher/mad-agents-skills
Build, fix, audit, and migrate Drift persistence in Dart CLI, server-side, and non-Flutter desktop apps.
Flutter Duit Bdui
MADTeacher/mad-agents-skills
Integrate, fix, review, migrate, test, or debug Duit / flutterduit backend-driven UI in Flutter applications.
Flutter Testing
MADTeacher/mad-agents-skills
Write, fix, review, debug, and validate Flutter tests for apps, packages, and plugins.
Related
Works with
Categories
Questions about Flutter Animations
What does Flutter Animations do?
Add, fix, refactor, debug, test, or explain Flutter animations and motion effects. Flutter Animations is an agent skill from MADTeacher/mad-agents-skills. Add, fix, refactor, debug, test, or explain Flutter animations and motion effects.
When should I use Flutter Animations?
Flutter Animations fits situations like: working with implicit animations such as AnimatedContainer; animatedOpacity; animatedSwitcher; tweenAnimationBuilder.
How do I install Flutter Animations in Claude Code?
Run `npx skills add MADTeacher/mad-agents-skills --skill flutter-animations -a claude-code`. Or copy the skill folder (flutter-animations in MADTeacher/mad-agents-skills) into .claude/skills/flutter-animations in your project. Claude Code loads it when a task matches its description.
How do I install Flutter Animations in Codex?
Run `npx skills add MADTeacher/mad-agents-skills --skill flutter-animations -a codex`. Or copy the skill folder (flutter-animations in MADTeacher/mad-agents-skills) into .agents/skills/flutter-animations in your project. Codex loads it when a task matches its description.
Can I use Flutter Animations in Cursor, Gemini CLI or GitHub Copilot?
Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add MADTeacher/mad-agents-skills --skill flutter-animations -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/flutter-animations, .gemini/skills/flutter-animations, .github/skills/flutter-animations and .opencode/skills/flutter-animations in your project.
What does Flutter Animations need to run?
Going by SKILL.md and its folder, Flutter Animations needs Dart for the scripts in its folder and the command-line tools its instructions call (flutter and dart).
Does Flutter Animations access the network?
SKILL.md contains no URLs. Any network use would come from the scripts or tools the agent runs. This is read from the text; nothing was executed.
Is Flutter Animations safe to install?
Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. Review the folder before installing.
What licence does Flutter Animations use?
Flutter Animations is published under the MIT licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.
How many tokens does Flutter Animations use?
About 1.8k tokens (SKILL.md is roughly 7.2k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full. Its references folder adds about 19k tokens, read only when the agent opens those files.
What are the alternatives to Flutter Animations?
Skills that share tags, products or a category with Flutter Animations: Add Flutter Docusaurus Locale (matthiasn/lotti, 1.2k stars), Tm Launcher Design (Far-Se/tabame, 372 stars), Flutter Init (bear2u/my-skills, 933 stars) and Mobile App UI Design (ceorkm/mobile-app-ui-design, 403 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.
Who maintains Flutter Animations?
MADTeacher (a GitHub user) maintains it in MADTeacher/mad-agents-skills, which has 110 GitHub stars. The repository holds 11 skills in this directory. The repository was last updated on May 1, 2026.
Source: MADTeacher/mad-agents-skills on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.