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 YordiLorenzo/liquid-glass-skills --skill liquid-glass-motiongit clone --depth 1 https://github.com/YordiLorenzo/liquid-glass-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/yordilorenzo/liquid-glass-skills/liquid-glass-motion)<a href="https://agentmods.dev/skills/yordilorenzo/liquid-glass-skills/liquid-glass-motion"><img src="https://agentmods.dev/badge/skills/yordilorenzo/liquid-glass-skills/liquid-glass-motion/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/yordilorenzo/liquid-glass-skills/liquid-glass-motion"><img src="https://agentmods.dev/badge/skills/yordilorenzo/liquid-glass-skills/liquid-glass-motion.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.00252 | $0.01292 |
| Opus 5 | $0.00126 | $0.00646 |
| Sonnet 5 | $0.00050 | $0.00258 |
| Haiku 4.5 | $0.00025 | $0.00129 |
Grade A, and why
liquid-glass-motion 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 12d 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 — 89 lines — stays where its author put it; the contents beside it link to each section on GitHub.
Liquid Glass — motion, animation, and shaders
Companion to the liquid-glass skill (~/.claude/skills/liquid-glass/). Same tag system:
[verified] / [apple] / [multi] / [single] / [version-pinned] — see that skill's
SKILL.md. Composed 2026-08 and verified against Apple documentation and SDK interfaces.
Operating rules
- Before generating code, ALWAYS read the availability firewall in the companion
liquid-glass skill (installed alongside this one):
references/availability-and-sdk27.md. Motion code trips the same SDK-27 breakages (.ifban,@ContentBuilder, renames). - Load references on demand via the router — one topic, one file.
- The motion model: Liquid Glass and its motion were designed together. Glass does not fade — it materializes by modulating lensing; when glass grows, its material gets thicker (deeper shadow, stronger lensing). Size change is a material change, which is why morphs must be the system animation, never hand-faked.
- Verify motion claims against
references/before repeating them — circulating write-ups get several of these facts wrong; the corrected facts live in these files. - Profiling evidence beats reasoning: record an Instruments trace with
xctracebefore optimizing, and never trust the iOS Simulator for the SwiftUI instrument — seereferences/performance-and-instrumentation.md.
Hard rules (the short list)
- Never animate glass with
.opacity/ fades — useglassEffectTransition(.materializeis the sanctioned fade-like option). [multi] - Morphing silently no-ops unless ALL four hold: same
GlassEffectContainer;glassEffectIDper element in one shared@Namespace; the change is view insertion/removal (not a value change); the state change is insidewithAnimation. Plus geometry: nearest edges within the container'sspacing. [multi] - The interactive "squish" is one boolean —
.interactive(). No public spring/damping/ stiffness knobs exist; do not promise tunable jelly. [multi] - Gate every glass animation on
accessibilityReduceMotion— the default morph is a kinetic effect, and reduce-motion users have experienced it as flickering. The system does NOT gate yourwithAnimationfor you. [multi] - One animation source per property — never mix implicit
.animation,withAnimation, and scroll-driven updates on the same property. Implicit later in the view tree silently wins over explicit. [multi] - The animation context must live OUTSIDE a conditional — an
.animation()inside theifis destroyed with the view and removal never animates. [multi] - Prefer renderer-side motion for scroll:
scrollTransition/visualEffect(in:)over observable scroll-offset plumbing. [apple] - Animate transforms first (scale/offset/rotation), frames second, identity changes last. [multi]
What ships with it
23 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.
- ATTRIBUTION.md 2.3 KB
- references/animation-fundamentals.md 20 KB
- references/metal-and-glass.md 16 KB
- references/morphing.md 17 KB
- references/performance-and-instrumentation.md 9.4 KB
- references/phase-and-keyframe.md 13 KB
- references/reduce-motion.md 16 KB
- references/scroll-driven.md 11 KB
- references/transitions-and-navigation.md 11 KB
- scripts/analyze_trace.py 9.9 KB runs code
- scripts/instruments_parser/__init__.py 69 B runs code
- scripts/instruments_parser/causes.py 5.9 KB runs code
- scripts/instruments_parser/correlate.py 6.2 KB runs code
- scripts/instruments_parser/events.py 11 KB runs code
- scripts/instruments_parser/hangs.py 3.4 KB runs code
- scripts/instruments_parser/hitches.py 4.5 KB runs code
- scripts/instruments_parser/summary.py 9.1 KB runs code
- scripts/instruments_parser/swiftui.py 6.6 KB runs code
- scripts/instruments_parser/time_profiler.py 4.3 KB runs code
- scripts/instruments_parser/xctrace.py 3.5 KB runs code
- scripts/instruments_parser/xml_utils.py 7.4 KB runs code
- scripts/LICENSE-AvdLee-SwiftUI-Agent-Skill 1.1 KB
- scripts/record_trace.py 11 KB runs code
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.
- 12d ago First seen · 89 lines · 252 tokens per session scan A f2ec5a727e63
liquid-glass-motion is a skill published in the GitHub repository YordiLorenzo/liquid-glass-skills (4 stars, last pushed 1mo ago), licensed MIT. It adds 252 tokens to every session and 1,292 once invoked, about $0.0013 per session on Opus 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-08-31.
Other skills, from other repositories
appllama-app-design-skill
Build native-feeling, benchmark-quality mobile app screens (Expo / React Native). Use when designing or implementing any mobile UI — screens, flows, onboarding, paywalls, tab bars, sheets, settings, empty states — or when polishing motion, navigation, typography, dark mode, or perceived performance. Enforces Apple HIG…
app-icon-studio
Apple app icons: create, generate, evaluate, export, install, or debug iOS AppIcon.appiconset and macOS .icns assets for small-size clarity.
macos-window-architect
Use SwiftUI scene/window modifiers first; switch to macos-appkit-bridge only when SwiftUI cannot express the behavior.
ios-liquid-glass-designer
Implement, refactor, or review iOS 26+ SwiftUI Liquid Glass with native glassEffect, GlassEffectContainer, button styles, availability gates, and non-glass fallbacks.
flutter-ui
Build Flutter UI from Figma MCP or image input. Scans src for design tokens (colors, sizes, text styles), existing components, and naming conventions before writing a single line of code. Never hard-codes values.
ios-swiftui-architect
Use for iOS SwiftUI UI structure and component choices. Read the nearest local example before introducing a new pattern.