motion

motion is an agent for Claude Code from jeremylongshore/tons-of-skills-marketplace. It costs 85 tokens per session (1,103 once invoked), scanned A, original, MIT.

A specialist instruction for designing and reviewing how interface elements move, including animations, transitions, scrolling effects, gestures, and small interaction feedback.

In plain words
What is it for?
Use it when adding or reviewing interface motion, choosing an animation tool, checking smoothness, respecting reduced-motion settings, or avoiding unnecessary layout work.
Why use it?
It helps catch movement that feels slow, distracting, inaccessible, or expensive for the browser to render.

Agent for Claude Code

Written for Claude Code: shipped in a Claude Code plugin. Also seen: mentions subagents.

Needs its repository: it reads a path above its own folder, which exists only inside the repository. The line is The `motion` **agent** binds the `ui` and `performance` **personas** ([`../skills/hyperflow/personas-A.md`](../skills/hyperflow/personas-A.md),.

Part of the hyperflow plugin — 28 skills, 22 agents shipped together

Good fit Use it when adding or reviewing interface motion, choosing an animation tool, checking smoothness, respecting reduced-motion settings, or avoiding unnecessary layout work.

Compare 6 agents from other repositories ↓
About the project

Tons of Skills is a model-agnostic marketplace that distributes reusable skills, plugins, agents, commands, hooks, and settings for coding-agent tools. It is intended for people who want to browse, install, and manage agent extensions, with Claude Code as its verified native harness. The catalogue entries are extensions provided by or associated with this marketplace.

jeremylongshore/tons-of-skills-marketplace · 2,881 stars · on GitHub · tonsofskills.com

Install

Getting it into your agent

It runs from inside its repository, so the clone comes first — what it calls does not travel with the file alone.

Clone the repo
git clone --depth 1 https://github.com/jeremylongshore/tons-of-skills-marketplace
agentmods
npx agentmods add agents/jeremylongshore/tons-of-skills-marketplace/motion

Made for: Claude Code.

Or install hyperflow, the plugin that ships this one along with the rest of its 28 skills, 22 agents.

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

agentmods badge for motion

README.md
[![agentmods](https://agentmods.dev/badge/agents/jeremylongshore/tons-of-skills-marketplace/motion/github.svg)](https://agentmods.dev/agents/jeremylongshore/tons-of-skills-marketplace/motion)
Your own site
<a href="https://agentmods.dev/agents/jeremylongshore/tons-of-skills-marketplace/motion"><img src="https://agentmods.dev/badge/agents/jeremylongshore/tons-of-skills-marketplace/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.

agentmods 80×15 button for motion

Your own site · 80×15
<a href="https://agentmods.dev/agents/jeremylongshore/tons-of-skills-marketplace/motion"><img src="https://agentmods.dev/badge/agents/jeremylongshore/tons-of-skills-marketplace/motion.svg" alt="Reviewed on agentmods" width="80" height="20"></a>
Per session 85 Only the description is in the session, so the agent can decide to use it. The body loads when it is invoked.
When invoked 1,103 The whole file, excluding the scripts and references it only reads on demand.
Security scan A 0 findings. A grade says what 26 rules found in the file — not that it is safe.
Origin original No closer match found in the catalogue.
Token cost

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.

ModelPer sessionOnce invoked
Fable 5.1 $0.00085 $0.01103
Opus 5.5 $0.00034 $0.00441
Sonnet 5.5 $0.00017 $0.00221
Haiku 4.5 $0.00009 $0.00110

Measured 1mo ago against content hash 4de20f61bec4, method: parsed. Prices are Anthropic first-party input rates as of 2026-10-07, from the pricing page.

Security

Grade A, and why

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 1mo 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.

plugins/ai-agency/hyperflow/agents/motion.md · 57 lines

How it starts

The opening of the file, as written. The whole thing — 57 lines — stays where its author put it; the contents beside it link to each section on GitHub.

Family: Decision agent + Reviewer (hybrid) · Binds personas: ui, performance · Default role: motion decision agent at design time + motion/performance reviewer on change · Triggered by types: ui, creative, performance (pulled in by the motion-surface flag — animation / transition / scroll-driven / gesture detected).

The motion agent binds the ui and performance personas (../skills/hyperflow/personas-A.md, ../skills/hyperflow/personas-B.md) — the agent is a named specialist, the personas are the standards text it applies. One agent, two bound layers.

Mission: own how every element moves. At design time, read and extend the design system's Motion language section (.hyperflow/design/system.md), pick the right tool for the surface, set physics-based defaults, and specify motion that communicates state — never decorates. On a change, catch motion jank and slop — animating layout properties, non-compositor work, missing prefers-reduced-motion, gratuitous parallax, durations that drag, will-change/requestAnimationFrame overuse — and verify the 60 fps budget. The designer owns what it looks like; motion owns how it moves inside that visual language.

Web-research-first: per ../skills/hyperflow/web-research.md. Scope: current motion-engineering best practices, the chosen library's current API + licensing at its major version, and prior art for the interaction in play — search when stuck rather than guess (an uncited library claim is indistinguishable from a hallucinated one). Gated flows only.

Sub-agent fan-out: allowed when dispatched standalone over a broad surface — depth 1, ≤ 3 sub-workers split by dimension (enter/exit transitions / scroll-driven orchestration / micro-interactions + gestures); the motion agent synthesizes. A single interaction never fans out.

Strict checklist / output contract: apply the ui and performance personas' "Things to verify" (bind, don't restate) plus these specialist-only items, per ../skills/hyperflow/motion.md:

  • Respects the system: every easing/duration/spring traces to the design system's Motion language — no off-system motion; extend that section, never invent a one-off.
  • 60 fps, compositor-only: animates only transform and opacity; never width/height/top/left/ margin/padding (layout thrashing). will-change only after profiling and sparingly; no requestAnimationFrame polling loop; expensive geometry remapped via FLIP. Frame rate verified with DevTools frame stats / Percent Dropped Frames — not an eyeballed guess.
  • Reduced-motion (non-negotiable): every animation has a prefers-reduced-motion fallback (WCAG 2.3.3); decorative motion disabled, functional feedback kept.
  • Right tool, justified: CSS / WAAPI / native scroll-driven for simple state and scroll-linking; GSAP / Motion for orchestrated sequences; Reanimated for native mobile — the choice is stated, not defaulted.
  • Physics stated: spring params (or bounce + perceptual duration) named; interaction durations < 500 ms.
  • Every library/best-practice claim cites a current source from the web-research step.

Output format: at design time — a motion-spec block: the bound Motion-language tokens (easing/spring params, durations, stagger), the chosen library with rationale, and the reduced-motion fallback. On a change — a reviewer verdict block per ../skills/hyperflow/reviewer-prompt.md. Sources consulted: when research ran.

Composes with: designer (owns the visual treatment and the Motion-language section the motion agent reads), performance-reviewer (frame budget and profiling depth), frontend-reviewer (the component the animation lives in), accessibility-reviewer (reduced-motion / vestibular floor), mobile (Reanimated / on-device cost). Defers to accessibility-reviewer on any reduced-motion conflict (the WCAG floor wins) and to performance-reviewer on any frame-budget conflict.

Read the full file on GitHub · 57 lines

Changes

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.

  1. 1mo ago First seen · 57 lines · 85 tokens per session scan A 4de20f61bec4

Subscribe to this mod's changes

motion is an agent published in the GitHub repository jeremylongshore/tons-of-skills-marketplace (2,881 stars, last pushed today), licensed MIT. It adds 85 tokens to every session and 1,103 once invoked, about $0.0003 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-08-30.

Related

Other agents, from other repositories

ring:frontend

Senior Frontend Engineer specialized in React/Next.js for financial dashboards and enterprise applications. Expert in App Router, Server Components, accessibility, performance optimization, modern React patterns, and dual-mode UI library support (design-system vs vanilla).

LerianStudio/ring · 50 tokens

titan-sternlicht

Brand and experience-driven CRE analyst channeling Barry Sternlicht's design-forward investment philosophy. Deploy when evaluating hospitality, lifestyle, and experiential real estate, when assessing brand value or repositioning potential, or when challenging commodity thinking about an asset. Sees every building as a…

mariourquia/cre-skills-plugin · 70 tokens

gsd-ui-researcher

Produces UI-SPEC.md design contract for frontend phases. Reads upstream artifacts, detects design system state, asks only unanswered questions. Spawned by /gsd-ui-phase orchestrator.

swisstruthorg/swiss-truth-mcp · 43 tokens

ux-flow-auditor

Use this agent when the user mentions UX flow issues, dead-end views, dismiss traps, missing empty states, broken user journeys, or wants a UX audit of their iOS app.

CharlesWiltgen/Axiom · 43 tokens

canvas-create-screens

Groups approved functional intent into task-oriented screens, in-screen states and navigation without choosing Canvas controls.

microsoft/power-platform-skills · 24 tokens

design

Design system generator — maps product domain to style, palette, typography, anti-patterns. Creates .rune/design-system.md. Use BEFORE any frontend code generation.

Rune-kit/rune · 35 tokens