Getting it into your agent
One page per mod, every tool's command on it. A separate URL per tool would split the same page into five that compete with each other.
npx skills add ariaramin/flutter-skills --skill flutter-animations-production-engineeringgit clone --depth 1 https://github.com/ariaramin/flutter-skillsWrote this? Show the measurements
A badge with what this costs and how it scanned, read live from this page, so it follows the numbers instead of freezing them. Markdown for a README, HTML for a documentation site or a project page.
[](https://agentmods.dev/skills/ariaramin/flutter-skills/flutter-animations-production-engineering)<a href="https://agentmods.dev/skills/ariaramin/flutter-skills/flutter-animations-production-engineering"><img src="https://agentmods.dev/badge/skills/ariaramin/flutter-skills/flutter-animations-production-engineering/github.svg" alt="Measured on agentmods" height="20"></a>Or the 80×15 button, for a site that already has a row of RSS and ATOM ones. Only the verdict fits; the numbers stay here.
<a href="https://agentmods.dev/skills/ariaramin/flutter-skills/flutter-animations-production-engineering"><img src="https://agentmods.dev/badge/skills/ariaramin/flutter-skills/flutter-animations-production-engineering.svg" alt="Reviewed on agentmods" width="80" height="20"></a>What it costs to keep this loaded
Counted locally with the o200k_base tokenizer, which is exact for GPT models; Claude uses its own tokenizer and its counts differ. Treat this as one consistent yardstick across the catalogue rather than a bill. Prices are per million input tokens.
| Model | Per session | Once invoked |
|---|---|---|
| Fable 5.1 | $0.00121 | $0.03292 |
| Opus 5.5 | $0.00048 | $0.01317 |
| Sonnet 5.5 | $0.00024 | $0.00658 |
| Haiku 4.5 | $0.00012 | $0.00329 |
Grade A, and why
flutter-animations-production-engineering scanned grade A with 0 findings against 26 rules in 11 categories — prompt injection, anti-refusal, data exfiltration, privilege escalation, supply chain, agent snooping, system-prompt leakage, SSRF and excessive agency — measured 15d ago.
A static scan of the body, not an audit. Every finding is printed with the line that produced it so you can judge whether it matters here. A mod is markdown that instructs an agent; that is exactly why what it instructs is worth reading.
Nothing flagged
None of the 26 patterns this scan looks for appear in this file: no shell pipes, no recursive deletes, no credential paths, no hidden text, no instruction-override or anti-refusal phrasing, no agent-config snooping. That is not a guarantee, it is the absence of the things that are checkable.
How it starts
The opening of the file, as written. The whole thing — 426 lines — stays where its author put it; the contents beside it link to each section on GitHub.
Flutter animations Production Engineering
Treat motion as interaction architecture, not decoration. Preserve semantic clarity, route/state identity, accessibility, RTL correctness, responsive layout, frame delivery, memory, platform conventions, and maintainability.
Reference routing
| Need | Read |
|---|---|
| Package scope, semantic pattern selection, built-in alternatives | references/01-foundations-selection.md |
OpenContainer, Shared Axis, Fade Through, Fade Scale, switchers, keys, navigation |
references/02-patterns-navigation.md |
| Accessibility, RTL, reduced motion, lifecycle, rendering, images, lists, platform views | references/03-accessibility-rendering.md |
| Web/desktop, profiling, memory, state, anti-patterns, tests, checklists | references/04-profiling-architecture-testing.md |
| Workflow, completion gates, review heuristics, source conclusions | references/05-workflow-review-sources.md |
When an API default or route behavior is version-sensitive, read the matching reference before coding.
1. Inspect before choosing motion
Inspect:
pubspec.yaml,pubspec.lock, Flutter/Dart versions, resolvedanimationsversion;- Router/Navigator architecture, nested navigators,
PageTransitionsTheme; - design-system motion tokens, theme, state ownership, responsive breakpoints;
- reduced-motion/RTL/accessibility handling;
- existing
AnimatedSwitcher,Hero, implicit animations, custom routes/controllers; - heavy content: images, lists, slivers, charts, video, maps, WebViews, platform views, clips, shadows, filters, intrinsic layout;
- tests that assume transition timing.
Do not introduce a second motion system merely because the package is available.
2. Describe the relationship first
Write one sentence before selecting a transition:
“This card becomes its details page.”
“These are sequential wizard steps.”
“These peer destinations replace each other.”
“This dialog is transient within the current context.”
What ships with it
5 files beside SKILL.md in the same directory: the scripts, references and assets a skill reads on demand. Not counted in the per-session cost; read them before you install if any of them is executable.
What this file has done since we first saw it
Hashed on every crawl. A supply-chain change to an agent config is a question of when, not whether, so the history is kept rather than the latest state alone.
- 15d ago First seen · 426 lines · 121 tokens per session scan A 4722bb77bb9e
flutter-animations-production-engineering is a skill published in the GitHub repository ariaramin/flutter-skills (6 stars, last pushed today), licensed MIT. It adds 121 tokens to every session and 3,292 once invoked, about $0.0005 per session on Opus 5.5. A static security scan graded it A with 0 findings. No closer match exists in the catalogue, so it is treated as the original; first seen 2026-10-11.
Other skills, from other repositories
frontend-design
Production-grade UI/UX guidance — not generic AI slop. Triggers on design, UI, frontend, component, styling, layout, make it look good.
frontend-design
Produce intentional, responsive, accessible UI work and perform visual QA instead of generic component assembly.
omh-visual-qa
This is an OMH visual-qa workflow skill, projected for Agent Skills hosts (Claude Code, Codex, Cursor, opencode, OpenClaw, pi).
design-craft
Design or substantially improve user-facing interfaces with a product-specific visual direction, content hierarchy, and rendered critique. Use for new screens, landing pages, redesigns, typography/layout work, or UI that feels generic or AI-generated. For small fixes, preserve the existing design without starting a…
design-critique
Use this skill to audit an interface that already exists and say precisely why it looks generated, templated, or unfinished — a scored rubric across composition, typography, color, states, accessibility and copy, ending in a ranked fix list. Triggers: user says "review the design", "critique this UI", "why does this…
color-palette-generator
Create an HTML color palette from a mood, description, or image, with swatches, color codes, pairings, and contrast checks. Use for color schemes or brand colors.