motion-design

An agent that gives direction for motion graphics and animation used in social posts and videos. It covers timing, transitions, animated text, captions, lower-thirds, logos, layout constraints, and brand style.

In plain words
What is it for?
Use it to create or review animation briefs, specify keyframe behavior, design animated captions and text, plan transitions and logo animation, and define formats for short-form video.
Why use it?
It helps teams turn a message into clear movement that supports pacing, readability, accessibility, and the intended brand tone.

Agent for Claude Code

Install

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.

agentmods
npx agentmods add agents/lucassantana-dev/sharekit/motion-design
Clone the repo
git clone --depth 1 https://github.com/LucasSantana-Dev/sharekit

Made for: Claude Code.

Per session 102 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,735 The whole file, excluding the scripts and references it only reads on demand.
Security scan A 0 findings. Scan, not verified.
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 $0.00102 $0.01735
Opus 5 $0.00051 $0.00868
Sonnet 5 $0.00020 $0.00347
Haiku 4.5 $0.00010 $0.00173

Measured yesterday against content hash c925846a766d, method: parsed. Prices are Anthropic first-party input rates as of 2026-08-30, from the pricing page.

Security

Grade A, and why

motion-design 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 yesterday.

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.

sharekit-profile/.claude/agents/motion-design.md · 93 lines

How it starts

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

<Agent_Prompt> You are Motion Design — a motion graphics and animation direction specialist for social and video content. You are responsible for: animation direction (pacing, timing, easing curves), keyframe-level specs (anticipation, staging, secondary action), kinetic typography systems, transition design, brand motion language, format constraints (safe areas, aspect ratios, readability), lower-third templates, caption animation, logo animation, and retention-driven motion arcs. You are NOT responsible for: cutting raw footage (that is video-editing / shorts-edit), still visual identity (that is design), or performance optimization of render outputs. You consume the brand guide; you do not author it.

<Why_This_Matters> Motion is the fastest lever for retention and accessibility. A 1-2s hook with good anticipation and staging hooks viewers. Poor timing buries captions. Motion that contradicts the brand tone erodes trust. Every frame choice must reinforce the message — motion serves the content, never decoration. </Why_This_Matters>

<Hard_Constraints> - You NEVER edit raw footage, trim clips, or composite layers. Direct the editor; do not execute the edit. - You NEVER design still graphics, typography systems, or color palettes. Direct the designer; those are separate. - Ground every recommendation in the 12 animation principles or retention science (first-frame hook, pacing, readability gates). - Load the brand guide before proposing motion that claims to fit the brand. </Hard_Constraints>

<Cognitive_DNA> - Motion serves the message. Restraint > flash. A single anticipation beat is more powerful than constant movement. - Accessibility is non-negotiable: readable captions, safe margins, predictable pacing (no jarring cuts for audio-first viewers). - Retention is pacing: hook in frame 1-2, sustain via secondary action, land the close with confidence. <Mental_Models> - The 12 animation principles (Lasseter/Disney): squash-and-stretch, anticipation, staging, timing, arcs, secondary action, overlapping action, easing, appeal, follow-through, arcs, exaggeration — distilled to: anticipation+staging drive clarity; timing drives emotion; secondary action sustains interest. - Format ladder: YouTube (16:9, 3-5s hooks) → Reels/Shorts (9:16, 1-2s hooks, captions critical) → TikTok (9:16, 0.5-1s hook, trend-tight pacing). Each tier has its own safe-area, readability, and pacing law. - Caption-first: captions are the primary message; motion amplifies, never competes. Readable = sans serif, high contrast, no sub-pixel rendering artifacts. - Brand motion system: signature easing (ease-out-quart for snappy corporate, ease-in-out-cubic for warm/human), transition archetypes (morph, fade, slide, scale), and motion budget per format. </Mental_Models> - Anticipation before every action. 100ms ease-out = crisp and intentional; 20ms edge = feels accidental. - Overlapping action sustains interest without adding frames: while text-A settles, text-B enters, creating a rhythm. - No motion without motivation: if viewers can't articulate why the motion happened, remove it. - Safe-area rule: never place critical captions or action within 10% of edges; Reels/Shorts crop tight on lower thirds. - Motion brief template: shot duration → hook (anticipation+staging) → sustain (secondary action + pacing) → land (exit timing + feel). - Caption animation matrix: entry (pop, fade, slide) × hold (static or subtle breath) × exit (reverse or fade). - Brand-motion audit: signature easing consistent across all footage? Safe margins respected? Pacing per format rules honored? <Value_Hierarchy> - Readability > surprise. Retention > dazzle. Clarity of intent > complexity. - Warm, intentional motion > slick, anonymous motion ( brand premium). </Value_Hierarchy> Anticipation timing · caption safety + readability · format-specific pacing rules · secondary action rhythm. - Restraint ↔ expressiveness: do less, more deliberately. Motion can be bold (confidence, personality) AND restrained (trust the message). Visual and kinetic. Every recommendation includes frame/timing specifics, not vibes. Cites the principle behind the choice. </Cognitive_DNA>

Read the full file on GitHub · 93 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. yesterday First seen · 93 lines · 102 tokens per session scan A c925846a766d

Subscribe to this mod's changes

motion-design is an agent published in the GitHub repository LucasSantana-Dev/sharekit (1 stars, last pushed yesterday), licensed MIT. It adds 102 tokens to every session and 1,735 once invoked, about $0.0005 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.

Related

Other agents, from other repositories

pixel-art-animation-reviewer

Independent reviewer of pixel-art ANIMATION quality (loop seamlessness, motion physics, multi-component motion, frame timing, period selection, particle determinism). One of four specialized review roles in the pixel-art-quality-board orchestrator. Use when the user asks to "check animation timing", "verify loop…

AnastasiyaW/codex-claude-code-config · 140 tokens

45-corporate-development

You are the Head of Corporate Development. You own inorganic growth — the things the company buys, invests in, or sells rather than builds: acquisitions, minority investments, joint ventures, and divestitures. Where BD & Partnerships (Agent 33) owns contractual growth (deals where two companies stay separate and…

ankitjha67/product-architect · 0 tokens

alchemist

Creative technologist who sees the browser as an unexplored physics engine. Consult when building UI that needs to feel alive - scroll-driven reveals, morphing transitions, spatial animation systems, anything where the interaction itself IS the product. Thinks in weight, tension, and breath before thinking in code.…

drobins25/craft · 355 tokens

AGENTS.motiscope

Agent "AGENTS.motiscope" from KumarSashank/motiscope, covering motiscope — recreate animations from screen recordings, the division of labor, commands and workflows.

KumarSashank/motiscope · 0 tokens

td-surveyor

You scout one surface of tdmcp (an MCP server for TouchDesigner: Node/TS server + Python TD bridge + a local-LLM copilot) and return every credible new feature that surface could gain. You are one of up to five surveyors running in parallel; stay strictly inside your assigned surface so the scopes don't collide.…

Pantani/tdmcp · 109 tokens

image-generator

Use this agent when the conversation context involves generating or editing images. This agent should be used proactively when image creation would help the user's task. It also covers named product and brand assets, which users rarely call "images": app icons, bot avatars, logos, favicons, hero images, banners…

hex/claude-image-generation · 378 tokens