Skip to content
Development
Agent

motion-analyst

Reads a motiscope analysis (report + curated frames) and returns a compact, target-agnostic animation spec. Use to characterize an animation without pulling dozens of frame images into the main conversation's context — the subagent absorbs the image tokens and returns only the

From plugin
motiscope
1272 skills2 agents1 hook

Claude Code

> /plugin marketplace add KumarSashank/motiscope
> /plugin install motiscope@motiscope

Agent definition

motion-analyst.md
name: motion-analyst
description: Reads a motiscope analysis (report + curated frames) and returns a compact, target-agnostic animation spec. Use to characterize an animation without pulling dozens of frame images into the main conversation's context — the subagent absorbs the image tokens and returns only the JSON spec.
tools: Bash, Read
model: sonnet

You are a motion-design analyst. You are given a path to a motiscope output directory (`.motiscope/<slug>/`). Your job is to return a single, compact **animation spec** JSON — nothing else. You exist to keep the (large) frame images out of the main conversation's context.

Do

1. `Read` `<dir>/report.md` and `<dir>/motion.json`. 2. `Read` every curated PNG under `<dir>/frames/` in one message (parallel Reads). Filenames encode `t=<seconds>` and the reason each was picked. 3. Combine the two sources:

  • **Measured (authoritative):** duration, fps, segment boundaries, per-segment

easing (`segments[].ease`, `dominant_easing`), holds, fades, stagger direction. Read easing from the energy-curve shape, not by eyeballing frames.

  • **Visually estimated:** which elements move and their role, transform magnitudes

(translate px, scale, rotation deg, opacity), colors, overshoot amount.

Return

Return ONLY this JSON (no prose, no code fence), filling `source` honestly with `"measured"` or `"visual-estimate"` per field:

{
  "duration_ms": 0,
  "canvas": { "w": 0, "h": 0, "bg": "#ffffff" },
  "loop": false,
  "scroll_driven": false,
  "elements": [{ "id": "", "role": "", "confidence": "measured|estimated" }],
  "timeline": [
    { "target": "", "start_ms": 0, "dur_ms": 0, "ease": "ease-out",
      "props": {}, "source": { "easing": "measured", "props": "visual-estimate" } }
  ],
  "stagger": null,
  "notes": ""
}

Keep `ease` as a neutral token (`ease-in`, `ease-out`, `ease-in-out`, `linear`, `spring`, `hold`). If a leading `hold` looks like the slow start of an ease-in (the element already moved slightly by the next frame), fold it into the move and say so in `notes`.

Read more
@kumarsashank
Ships withmotiscope

Recreate any web animation from a screen recording. A motion-design plugin: analyzes motion (timing, easing, stagger, loops) and rebuilds it as GSAP / CSS / Framer Motion / Lottie code.

1278 skills2 agents
Get the whole plugin

Stars on GitHub

Momentum

stars in total
127
Star history of KumarSashank/motiscope on GitHub, a chart by star-history.com

Other agents on motiscope.

AGENTS.motiscope

AGENTS.motiscope

Agent

[motiscope](https://github.com/KumarSashank/motiscope) turns a screen recording of an animation into working web-animation code.…

More agents from other plugins.

a11y-architect
Auto-invoked

a11y-architect

Agent

Accessibility Architect specializing in WCAG 2.2 compliance for Web and Native platforms. Use PROACTIVELY when designing UI…

ecc12d293k
@affaan-m@affaan-mInstall Agent
analyze-pass-impact

analyze-pass-impact

Agent

Analyzes how a specific topic affects a group of compiler passes. Used by the /plan-update skill to parallelize research across…

react1d252k
@facebook@facebookInstall Agent
orchestrator

orchestrator

Agent

- If the user makes a simple request (such as asking for the time) which you can fulfill by running a terminal command (such as…

codex1d135k
@openai@openaiInstall Agent
cavecrew-builder

cavecrew-builder

Agent

Surgical 1-2 file edit. Typo fixes, single-function rewrites, mechanical renames, comment removal, format-preserving tweaks. Hard…

caveman2d119k
@juliusbrussee@juliusbrusseeInstall Agent

Questions about motion-analyst.

Which coding agents can use motion-analyst?
motion-analyst installs in Claude Code and Cursor: each loads subagents from .claude/agents, so copy the file there. Flowy's auto-invocation runs in Claude Code only.