Agent skill

Maui Animations

by davidortinau in davidortinau/maui-skills

.NET MAUI view animations, custom animations, easing functions, rotation, scale, translation, and fade effects.

MITAuto-check passedMobile

Install Maui Animations

skills CLI

$ npx skills add davidortinau/maui-skills --skill maui-animations -a claude-code

Project install by default; add -g for ~/.claude/skills/.

GitHub CLI

$ gh skill install davidortinau/maui-skills maui-animations --agent claude-code

Project scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).

Manual copy

$ git clone --depth 1 https://github.com/davidortinau/maui-skills.git skills-src && mkdir -p .claude/skills && cp -r skills-src/plugins/maui-skills/skills/maui-animations .claude/skills/maui-animations && rm -rf skills-src

Use ~/.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/

Paste into Claude Code

Install the "maui-animations" agent skill from https://github.com/davidortinau/maui-skills/tree/main/plugins/maui-skills/skills/maui-animations into .claude/skills/maui-animations/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "maui-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

$skill-installer install https://github.com/davidortinau/maui-skills/tree/main/plugins/maui-skills/skills/maui-animations

Type 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.

skills CLI

$ npx skills add davidortinau/maui-skills --skill maui-animations -a codex

Project install goes to .agents/skills/; add -g for ~/.codex/skills/.

GitHub CLI

$ gh skill install davidortinau/maui-skills maui-animations --agent codex

Project scope by default (.agents/skills/); add --scope user for a personal install.

Manual copy

$ git clone --depth 1 https://github.com/davidortinau/maui-skills.git skills-src && mkdir -p .agents/skills && cp -r skills-src/plugins/maui-skills/skills/maui-animations .agents/skills/maui-animations && rm -rf skills-src

Use ~/.agents/skills/ instead of .agents/skills for a personal install.

Codex skills documentation · loads skills from .agents/skills/

Paste into Codex

Install the "maui-animations" agent skill from https://github.com/davidortinau/maui-skills/tree/main/plugins/maui-skills/skills/maui-animations into .agents/skills/maui-animations/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "maui-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.

skills CLI

$ npx skills add davidortinau/maui-skills --skill maui-animations -a cursor

Project install goes to .agents/skills/; add -g for ~/.cursor/skills/.

GitHub CLI

$ gh skill install davidortinau/maui-skills maui-animations --agent cursor

Project scope by default (.agents/skills/); add --scope user for a personal install.

Manual copy

$ git clone --depth 1 https://github.com/davidortinau/maui-skills.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/plugins/maui-skills/skills/maui-animations .cursor/skills/maui-animations && rm -rf skills-src

Use ~/.cursor/skills/ instead of .cursor/skills for a personal install.

Cursor skills documentation · loads skills from .cursor/skills/, .agents/skills/, .claude/skills/, .codex/skills/

Paste into Cursor

Install the "maui-animations" agent skill from https://github.com/davidortinau/maui-skills/tree/main/plugins/maui-skills/skills/maui-animations into .cursor/skills/maui-animations/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "maui-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

$ gemini skills install https://github.com/davidortinau/maui-skills.git --path plugins/maui-skills/skills/maui-animations

--scope user (default) or --scope workspace; --path is the subfolder of the repo that holds the skill; --consent skips the security confirmation prompt.

skills CLI

$ npx skills add davidortinau/maui-skills --skill maui-animations -a gemini-cli

Project install goes to .agents/skills/; add -g for ~/.gemini/skills/.

GitHub CLI

$ gh skill install davidortinau/maui-skills maui-animations --agent gemini-cli

Project scope by default (.agents/skills/); add --scope user for a personal install.

Manual copy

$ git clone --depth 1 https://github.com/davidortinau/maui-skills.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/plugins/maui-skills/skills/maui-animations .gemini/skills/maui-animations && rm -rf skills-src

Use ~/.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/

Paste into Gemini CLI

Install the "maui-animations" agent skill from https://github.com/davidortinau/maui-skills/tree/main/plugins/maui-skills/skills/maui-animations into .gemini/skills/maui-animations/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "maui-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.

GitHub CLI

$ gh skill install davidortinau/maui-skills maui-animations

Installs 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).

skills CLI

$ npx skills add davidortinau/maui-skills --skill maui-animations -a github-copilot

Project install goes to .agents/skills/; add -g for ~/.copilot/skills/.

Manual copy

$ git clone --depth 1 https://github.com/davidortinau/maui-skills.git skills-src && mkdir -p .github/skills && cp -r skills-src/plugins/maui-skills/skills/maui-animations .github/skills/maui-animations && rm -rf skills-src

Use ~/.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/

Paste into GitHub Copilot

Install the "maui-animations" agent skill from https://github.com/davidortinau/maui-skills/tree/main/plugins/maui-skills/skills/maui-animations into .github/skills/maui-animations/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "maui-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.

skills CLI

$ npx skills add davidortinau/maui-skills --skill maui-animations -a opencode

OpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.

GitHub CLI

$ gh skill install davidortinau/maui-skills maui-animations --agent opencode

Project scope by default (.agents/skills/); add --scope user for a personal install.

Manual copy

$ git clone --depth 1 https://github.com/davidortinau/maui-skills.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/plugins/maui-skills/skills/maui-animations .opencode/skills/maui-animations && rm -rf skills-src

Use ~/.config/opencode/skills/ instead of .opencode/skills for a personal install.

OpenCode skills documentation · loads skills from .opencode/skills/, .claude/skills/, .agents/skills/

Paste into OpenCode

Install the "maui-animations" agent skill from https://github.com/davidortinau/maui-skills/tree/main/plugins/maui-skills/skills/maui-animations into .opencode/skills/maui-animations/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "maui-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: maui-animations
GitHub stars: 175
Token cost: ~911 tokens
SKILL.md length: 178 words
Files: 2 (incl. references)
Skills in repo: 41
Repo updated: Jul 6, 2026
First seen: Oct 7, 2026
Licence: MIT

At a glance

.NET MAUI view animations, custom animations, easing functions, rotation, scale, translation, and fade effects.

Slide animation
SKILL.md covers Common Mistakes, Accessibility: Respect Reduced…, Performance Tips and Easing Selection Guide
Instructions only: no scripts, shell commands, URLs or credentials in SKILL.md
Scale animation

What it does

Maui Animations is an agent skill from davidortinau/maui-skills. .NET MAUI view animations, custom animations, easing functions, rotation, scale, translation, and fade effects. USE FOR: "animate view", "fade in", "fade out", "slide animation", "scale animation", "rotate view", "translate view", "easing function", "custom animation", "animation chaining", "ViewExtensions animation". DO NOT USE FOR: gesture recognition (use maui-gestures), custom drawing (use maui-graphics-drawing), or static layout changes (use maui-data-binding).

Its SKILL.md is about 910 tokens, which your agent loads only when the skill is triggered. The skill folder holds 2 other files, including reference files (for example `references/animations-api.md`).

It sits in Mobile, covering Cross-platform mobile apps and Translation. The repository describes itself as: .NET MAUI skills for GitHub Copilot and Claude Code. The licence is MIT.

When your agent uses it

Slide animation
Scale animation
Easing function
Custom animation

Example prompts

“animate view”
“fade in”
“fade out”
“/maui-animations”

What it can do on your machine

Read from SKILL.md and the folder at commit 79bb4bf. 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
No scripts in the folder and no shell commands in SKILL.md (its code samples are csharp).
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

Maui Animations loads about 911 tokens when it runs, and up to ~1.7k if it reads all its reference files. Until then it costs about 122 tokens; SKILL.md has 178 words of instructions outside code blocks.

Always · name and description, kept in context so the agent knows when to use it: ~122
When it runs · the whole SKILL.md, loaded when a task matches: ~911
With references · SKILL.md plus every file in references/, read only if the agent opens them: ~1.7k

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 davidortinau/maui-skills at commit 79bb4bf, republished under its MIT licence (© davidortinau). 178 words, ~911 tokens.

Download SKILL.mdSave it as .claude/skills/maui-animations/SKILL.md (or your agent's skills folder). This skill also uses 1 other file; get the full folder from GitHub.

name: maui-animations
description: .NET MAUI view animations, custom animations, easing functions, rotation, scale, translation, and fade effects. USE FOR: "animate view", "fade in", "fade out", "slide animation", "scale animation", "rotate view", "translate view", "easing function", "custom animation", "animation chaining", "ViewExtensions animation". DO NOT USE FOR: gesture recognition (use maui-gestures), custom drawing (use maui-graphics-drawing), or static layout changes (use maui-data-binding).

.NET MAUI Animations

Common Mistakes

❌ Forgetting to cancel before starting new animations

Running multiple animations on the same property causes visual glitches.

csharp

// ❌ If called rapidly, animations queue and overlap
async void OnButtonClicked()
{
    await view.FadeTo(0, 500);
    await view.FadeTo(1, 500);
}

// ✅ Cancel first, then animate
async void OnButtonClicked()
{
    view.CancelAnimations();
    await view.FadeTo(0, 500);
    await view.FadeTo(1, 500);
}

❌ Custom Animation repeat callback misconception

Returning true from a child animation's repeat callback does NOT repeat the parent. Only the repeat callback passed to Commit on the parent controls parent repetition.

csharp

// ❌ This does NOT loop the parent animation
parent.Add(0.0, 1.0, new Animation(v => view.Scale = v, 1, 2));
parent.Commit(view, "MyAnim", length: 1000,
    repeat: () => false);  // Parent won't loop

// ✅ Loop the parent by passing repeat to Commit
parent.Commit(view, "MyAnim", length: 1000,
    repeat: () => true);  // This loops the entire animation

❌ AbortAnimation name mismatch

AbortAnimation("name") must match the exact string passed to Commit. A mismatch silently does nothing.

csharp

// ❌ Name mismatch — animation keeps running
parent.Commit(view, name: "MyAnimation", length: 1000);
view.AbortAnimation("myAnimation");  // Wrong case!

// ✅ Use a constant for the name
const string AnimName = "MyAnimation";
parent.Commit(view, name: AnimName, length: 1000);
view.AbortAnimation(AnimName);

Accessibility: Respect Reduced Motion

Always check IsAnimationEnabled before running animations. It is false when the OS power-save / reduced-motion mode is active.

csharp

// ❌ Ignores user's accessibility preference
await view.FadeTo(1, 500);

// ✅ Respects reduced-motion settings
if (view.IsAnimationEnabled)
    await view.FadeTo(1, 500);
else
    view.Opacity = 1;  // Jump to final state instantly

Performance Tips

Keep animation callbacks under 16ms — the default rate: 16 in Commit is one frame at 60fps. Complex callbacks cause jank.
Avoid animating layout-triggering properties (WidthRequest, HeightRequest) — use TranslationX/Y and Scale instead.
Use Task.WhenAll for parallel animations — sequential await chains are slower.

csharp

// ❌ Sequential — takes 1500ms total
await view.FadeTo(1, 500);
await view.ScaleTo(1.5, 500);
await view.RotateTo(360, 500);

// ✅ Parallel — takes 500ms total
await Task.WhenAll(
    view.FadeTo(1, 500),
    view.ScaleTo(1.5, 500),
    view.RotateTo(360, 500));

Easing Selection Guide

Goal	Easing	Why
Button feedback	`CubicOut`	Quick deceleration feels responsive
Page transitions	`CubicInOut`	Smooth start and end
Bouncing elements	`BounceOut`	Playful, attention-grabbing
Spring effects	`SpringOut`	Natural, elastic feel
Loading indicators	`Linear`	Constant speed for continuous motion
Entry/exit	`SinIn` / `SinOut`	Subtle, non-distracting

Files

SKILL.md and 1 other file (references) in plugins/maui-skills/skills/maui-animations of davidortinau/maui-skills.

SKILL.md
references/animations-api.md

Open the folder on GitHubat commit 79bb4bf

Compare with similar skills

Maui 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.

Maui Animations compared with similar skills
Skill	Stars	Used in	Tokens	Auto-check	Licence	Repo updated
Maui Animations this skilldavidortinau/maui-skills	175	—	~911	Automated safety check: Pass	MIT	3 mo ago
Add Flutter Docusaurus Localematthiasn/lotti	1.2k	—	~1.2k	Automated safety check: Pass	GPL-3.0	today
Cometchat Flutter V6 Featurescometchat/cometchat-skills	132	—	~1.8k	Automated safety check: Pass	MIT	5 days ago
Flutter LocalizationHoangNguyen0403/agent-skills-standard	572	—	~640	Automated safety check: Pass	MIT	yesterday
React Composition Structurefluid-design-io/payload-better-auth-starter	121	—	~899	Automated safety check: Pass	Custom licence	3 days ago
Cometchat I18ncometchat/cometchat-skills	132	—	~1.9k	Automated safety check: Pass	MIT	5 days ago

Similar skills

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…
1.2k GitHub stars~1.2k tokensUpdated today
MobileAuto-check passed
Cometchat Flutter V6 Features
cometchat/cometchat-skills
Enable a specific CometChat feature in a Flutter v6 app — polls, stickers, collaborative whiteboard/document, translation, link preview, AI smart replies, moderation, calls, push.
132 GitHub stars~1.8k tokensUpdated 5 days ago
MobileAuto-check passed
Flutter Localization
HoangNguyen0403/agent-skills-standard
Add Flutter translation assets, locale initialization, localized strings, locale switching, and plurals with easylocalization and CSV or JSON files.
572 GitHub stars~640 tokensUpdated yesterday
MobileAuto-check passed
React Composition Structure
fluid-design-io/payload-better-auth-starter
React and React Native file-system architecture patterns that scale.
121 GitHub stars~899 tokensUpdated 3 days ago
MobileAuto-check passed
Cometchat I18n
cometchat/cometchat-skills
Localize a CometChat integration — set the UI Kit language, register custom/overridden translations, handle RTL, and never leak a raw localization key into the UI.
132 GitHub stars~1.9k tokensUpdated 5 days ago
Frontend & DesignAuto-check passed
React Native Best Practices
vercel-labs/openreview
Official
A prioritized rule set for React Native and Expo apps covering list performance, animation, navigation, UI patterns, state, rendering, monorepos and configuration.
1.7k GitHub starsUsed in 17 repos~1.1k tokens
MobileAuto-check passed

More from davidortinau/maui-skills

All 41 skills in this repo

Maui Hot Reload Diagnostics
davidortinau/maui-skills
Diagnose and troubleshoot .NET MAUI Hot Reload issues (C Hot Reload, XAML Hot Reload, Blazor Hybrid).
175 GitHub stars~1.3k tokensUpdated 3 mo ago
Auto-check passed
Maui Accessibility
davidortinau/maui-skills
Guide for making .NET MAUI apps accessible — screen reader support via SemanticProperties, heading levels, AutomationProperties visibility control, programmatic focus and announcements, and…
175 GitHub stars~974 tokensUpdated 3 mo ago
Auto-check passed
Maui App Icons Splash
davidortinau/maui-skills
.NET MAUI app icon configuration, splash screen setup, SVG to PNG conversion at build time, composed/adaptive icons, and platform-specific icon and splash screen requirements for Android, iOS, Mac…
175 GitHub stars~995 tokensUpdated 3 mo ago
Auto-check passed
Maui App Lifecycle
davidortinau/maui-skills
.NET MAUI app lifecycle guidance covering the four app states (not running, running, deactivated, stopped), cross-platform Window lifecycle events, backgrounding and resume behaviour…
175 GitHub stars~947 tokensUpdated 3 mo ago
Auto-check passed
Maui Aspire
davidortinau/maui-skills
Guide for .NET MAUI apps consuming .NET Aspire-hosted backend services.
175 GitHub stars~1.3k tokensUpdated 3 mo ago
Auto-check passed
Maui Authentication
davidortinau/maui-skills
Add authentication to .NET MAUI apps. An agent skill from davidortinau/maui-skills.
175 GitHub stars~1.5k tokensUpdated 3 mo ago
Auto-check passed

Questions about Maui Animations

What does Maui Animations do?

.NET MAUI view animations, custom animations, easing functions, rotation, scale, translation, and fade effects. Maui Animations is an agent skill from davidortinau/maui-skills.NET MAUI view animations, custom animations, easing functions, rotation, scale, translation, and fade effects.

When should I use Maui Animations?

Maui Animations fits situations like: slide animation; scale animation; easing function; custom animation.

How do I install Maui Animations in Claude Code?

Run `npx skills add davidortinau/maui-skills --skill maui-animations -a claude-code`. Or copy the skill folder (plugins/maui-skills/skills/maui-animations in davidortinau/maui-skills) into .claude/skills/maui-animations in your project. Claude Code loads it when a task matches its description.

How do I install Maui Animations in Codex?

Run `npx skills add davidortinau/maui-skills --skill maui-animations -a codex`. Or copy the skill folder (plugins/maui-skills/skills/maui-animations in davidortinau/maui-skills) into .agents/skills/maui-animations in your project. Codex loads it when a task matches its description.

Can I use Maui 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 davidortinau/maui-skills --skill maui-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/maui-animations, .gemini/skills/maui-animations, .github/skills/maui-animations and .opencode/skills/maui-animations in your project.

What does Maui Animations need to run?

SKILL.md names no scripts, command-line tools or credentials: Maui Animations is instructions for the agent only.

Does Maui 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 Maui 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 Maui Animations use?

Maui 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 Maui Animations use?

About 911 tokens (SKILL.md is roughly 3.6k 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 777 tokens, read only when the agent opens those files.

What are the alternatives to Maui Animations?

Skills that share tags, products or a category with Maui Animations: Add Flutter Docusaurus Locale (matthiasn/lotti, 1.2k stars), Cometchat Flutter V6 Features (cometchat/cometchat-skills, 132 stars), Flutter Localization (HoangNguyen0403/agent-skills-standard, 572 stars) and React Composition Structure (fluid-design-io/payload-better-auth-starter, 121 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains Maui Animations?

davidortinau (a GitHub user) maintains it in davidortinau/maui-skills, which has 175 GitHub stars. The repository holds 41 skills in this directory. The repository was last updated on July 6, 2026.

Source: davidortinau/maui-skills on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.

Install Maui Animations

Facts

At a glance

What it does

When your agent uses it

Example prompts

What it can do on your machine

Tool permissions

Runs code

Network

Credentials

Context cost

Safety

SKILL.md

.NET MAUI Animations

Common Mistakes

❌ Forgetting to cancel before starting new animations

❌ Custom Animation repeat callback misconception

❌ AbortAnimation name mismatch

Accessibility: Respect Reduced Motion

Performance Tips

Easing Selection Guide

Files

Compare with similar skills

Similar skills

More from davidortinau/maui-skills

Related

Questions about Maui Animations