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 andregusman-raiz/a-gusman-claude --skill ag-referencia-motiongit clone --depth 1 https://github.com/andregusman-raiz/a-gusman-claudeWrote 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/andregusman-raiz/a-gusman-claude/ag-referencia-motion)<a href="https://agentmods.dev/skills/andregusman-raiz/a-gusman-claude/ag-referencia-motion"><img src="https://agentmods.dev/badge/skills/andregusman-raiz/a-gusman-claude/ag-referencia-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/andregusman-raiz/a-gusman-claude/ag-referencia-motion"><img src="https://agentmods.dev/badge/skills/andregusman-raiz/a-gusman-claude/ag-referencia-motion.svg" alt="Reviewed on agentmods" width="80" height="20"></a>- NVIDIA SkillSpector pass
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.00063 | $0.03170 |
| Opus 5 | $0.00032 | $0.01585 |
| Sonnet 5 | $0.00013 | $0.00634 |
| Haiku 4.5 | $0.00006 | $0.00317 |
Grade A, and why
ag-referencia-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 9d 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 — 185 lines — stays where its author put it; the contents beside it link to each section on GitHub.
Motion — Referência canônica de animação de UI
Destilado de
emilkowalski/skills(Emil Kowalski — criador de Sonner/Vaul, animations.dev; MIT © 2026 Emil Kowalski) adaptado para a stack Raiz (Next.js + Tailwind + shadcn/Radix). Tokens machine-readable:~/Claude/assets/design-library/tokens/motion.json. Receitas com código pronto:RECIPES.mdnesta pasta. Complementa §9 do design system (assets/design-library/UI_UX/raiz-educacao-design-system.md).
Premissa: "agents don't have great taste" — os erros de motion são pequenos e sistemáticos
(ease-in em entrada, transition: all, animar atalho de teclado). Esta skill cataloga os erros e as correções com valores exatos. Produzir zero animação às vezes é o resultado correto.
Regra zero — Gate de frequência (decidir SE anima, antes de COMO)
| Frequência da ação | Decisão |
|---|---|
| 100+×/dia (atalho de teclado, command palette, tab switch de trabalho) | Nunca animar (Raycast não anima open/close — correto) |
| Dezenas/dia (hover, navegação de lista, expandir painel) | Remover ou quase-imperceptível (≤150ms) |
| Ocasional (modal, drawer, toast, dropdown) | Animação padrão |
| Raro/primeira vez (onboarding, empty state, sucesso, celebração) | Único lugar do "delight budget" |
Ação iniciada por teclado = desqualificador automático. Quem usa teclado quer velocidade.
Propósito — nomear 1 ou não animar
Válidos: feedback de interação | consistência espacial (de onde veio/para onde vai) | indicação de estado | prevenir "teleporte" (mudança brusca de layout) | explicação (só marketing/onboarding) | delight (só tier raro). "Fica bonito" não é propósito.
Easing — 3 curvas canônicas
Os built-ins CSS (ease-out, ease-in-out) são fracos demais para UI. Usar os tokens:
--ease-out: cubic-bezier(0.23, 1, 0.32, 1); /* entrada/saída de elementos — default UI */
--ease-in-out: cubic-bezier(0.77, 0, 0.175, 1); /* elemento se movendo/morphing NA tela */
--ease-drawer: cubic-bezier(0.32, 0.72, 0, 1); /* curva iOS de drawer/sheet (a do Vaul) */
What ships with it
1 file 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.
- 9d ago First seen · 185 lines · 63 tokens per session scan A f0d93d5e6ae3
ag-referencia-motion is a skill published in the GitHub repository andregusman-raiz/a-gusman-claude (19 stars, last pushed 3d ago), licensed MIT. It adds 63 tokens to every session and 3,170 once invoked, about $0.0003 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-09-03.
Other skills, from other repositories
visual-qa-verification
Automated visual QA with pixel-level diff comparison, iterative fix loop, and cross-browser verification. Uses pixelmatch for programmatic screenshot comparison with region-based analysis. Covers responsive checks, Lighthouse audits, and accessibility validation. Keywords: verify app, visual QA, compare to Figma…
canva-token-inference
AI-powered design token extraction from Canva screenshots. Uses Claude vision to infer colors, typography, spacing, and effects with confidence scoring. Presents tokens for user confirmation before locking. Keywords: Canva tokens, token inference, design tokens, Canva extraction, AI token detection, color extraction…
design-token-lock
Extracts exact design values from Figma and writes a lockfile that becomes the single source of truth for colors, typography, spacing, and text content. Generates tailwind.config.ts and tokens.css from the lockfile. Keywords: design tokens, lockfile, Figma variables, token extraction, style drift, Tailwind config…
export-design-system
Exports generated components + design-tokens.lock.json as a publishable pnpm workspace. Generates a framework-agnostic tokens package and a framework-specific component library (React/Vue/Svelte via Vite library mode, React Native via tsc). Includes Tailwind preset, ThemeProvider, Changesets versioning, and a properly…
frontend-craft-director
A self-contained frontend design, redesign, audit, implementation, anti-AI-slop, and rendered visual-QA skill for use directly inside a ChatGPT conversation or through a local MCP-accessible project.
artifacts-builder
Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui). Use for complex artifacts requiring state management, routing, or shadcn/ui components - not for simple single-file HTML/JSX artifacts.