{"repo":"Schmandarine/web-motion-skill","free":true,"listed":false,"github":"https://github.com/Schmandarine/web-motion-skill","clone":"git clone https://github.com/Schmandarine/web-motion-skill.git","description":"Close the agentic coding loop for web animation. Give your coding agent the ability to scroll your page while recording, analyze frame-by-frame, and optimize animations through natural language.","language":"Shell","stars":17,"topics":["agent-vision","claude-code","claude-skill","ffmpeg","gsap","motion-design","playwright","web-animation"],"license":null,"category":"scrapers-browser-automation","readme_excerpt":"web-motion Close the agentic coding loop for web animation. Give your coding agent the ability to scroll your page while recording, analyze the result frame-by-frame, and optimize animations through natural language alone — no more screen recordings or trying to describe what \"feels off\" . --- TL;DR Ask Claude: \"/web-motion this entrance animation feels robotic, fix it\" \"/web-motion there's a flicker on page transitions, find it\" \"/web-motion recreate this GSAP scroll-into-view animation\" That's it. Claude records your page, inspects it frame-by-frame, and ships the fix. --- Setup 1. Clone the skill into Claude Code's skills directory This makes the skill available globally in Claude Code — no project-level config needed. 2. Install dependencies Installs three things (asks consent before each): - ffmpeg ( 80MB) — converts recorded video to frames - Playwright — installed locally inside the skill dir, no project pollution - Chromium ( 300MB) — the headless browser that records your page 3. Reload Claude Code — the skill auto-triggers on animation tasks, or invoke it explicitly with /web-motion . Within about 15 seconds Claude has a 24-tile labelled contact sheet of your animation, reads it as a single image, identifies where the animation breaks, and writes the fix. --- What Claude actually sees After running analyze.sh + contact-sheet.sh , Claude reads one image like this: Each tile is a frame from the recording, labelled with its real source frame number. From this single im","default_branch":null,"files":null,"tree":[],"storefront":"/r/Schmandarine","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/Schmandarine/web-motion-skill/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}