KumarSashank

KumarSashank/motiscope

Plugin Claude Code

A motion-design plugin — turn a screen recording of an animation into working web animation code (GSAP / CSS / Framer Motion / Lottie).

KumarSashank/motiscope

Plugin Claude Code

Recreate any web animation from a screen recording. Drop a video of an animation you like, motiscope measures its timing and curates keyframes, and your agent rebuilds it as GSAP, CSS, Framer Motion, or Lottie code. Works in Claude Code, Codex, and Cursor.

KumarSashank/motiscope

Agent

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.

KumarSashank/motiscope

Hook

Runs when a session starts, executing check-setup.sh via bash. From KumarSashank/motiscope.

KumarSashank/motiscope

Agent

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

KumarSashank/motiscope

Cursor rule

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

KumarSashank/motiscope

Skill Claude CodeCodex

Analyze a screen recording of an animation to characterize its motion — timing, easing, transforms, and sequencing — so it can be recreated as web code. Use when the user drops or points at a video of an animation (.mp4/.mov/.webm/.mkv/.m4v/.avi/.gif) and says things like "I want this animation on my site", "recreate…

KumarSashank/motiscope

Skill Claude CodeCodex

Check and configure motiscope — verify ffmpeg/ffprobe are installed and scaffold the API-key config used for optional (stubbed) asset generation. Use for first-time setup, "motiscope isn't working", dependency errors, or motiscope-doctor.

KumarSashank/motiscope

Skill Claude CodeCodex

Rebuild a whole landing page / multi-section website from a screen recording that scrolls or walks through it. Use when the user has a recording of an ENTIRE page (not a single animation) and wants the full page recreated — layout, sections, copy, design system, and scroll animations. Orchestrates analyze (measured…

KumarSashank/motiscope

Skill Claude CodeCodex

Recreate an analyzed animation as working web code — GSAP (JavaScript), CSS/Web Animations, Framer Motion (React), or Lottie/SVG. Use after motiscope-analyze, or when the user asks to "build/recreate this animation in ". Reads the motiscope animation spec and emits a runnable component.

KumarSashank/motiscope

Skill Claude CodeCodex

Analyze a screen recording of an animation to characterize its motion — timing, easing, transforms, and sequencing — so it can be recreated as web code. Use when the user drops or points at a video of an animation (.mp4/.mov/.webm/.mkv/.m4v/.avi/.gif) and says things like "I want this animation on my site", "recreate…

KumarSashank/motiscope

Skill Claude CodeCodex

Check and configure motiscope — verify ffmpeg/ffprobe are installed and scaffold the API-key config used for optional (stubbed) asset generation. Use for first-time setup, "motiscope isn't working", dependency errors, or /motiscope:doctor.

KumarSashank/motiscope

Skill Claude CodeCodex

Rebuild a whole landing page / multi-section website from a screen recording that scrolls or walks through it. Use when the user has a recording of an ENTIRE page (not a single animation) and wants the full page recreated — layout, sections, copy, design system, and scroll animations. Orchestrates analyze (measured…

KumarSashank/motiscope

Skill Claude CodeCodex

Recreate an analyzed animation as working web code — GSAP (JavaScript), CSS/Web Animations, Framer Motion (React), or Lottie/SVG. Use after /motiscope:analyze, or when the user asks to "build/recreate this animation in ". Reads the motiscope animation spec and emits a runnable component.