← Skills
Install prompt
Read https://claude-motion.com/skills/before-after/install.md and follow the instructions to install the "before-after" skill, then run it once with its example prompt.
Paste into Claude Code, Codex, Cursor or any agent that supports skills.
Example prompt
Use the before-after skill with assets/old.png and assets/new.png, title "Checkout, rebuilt", labels "v1" and "v2". 16:9.
Claude Motion prompt
Create an 8-second before-and-after comparison on a dark background. A title "The redesign" fades in above a large rounded frame showing a grayscale dashboard screenshot labeled "BEFORE". A white vertical divider with a round handle sweeps from right to left, revealing the full-color version labeled with an orange "AFTER" tag, then swings back to about three quarters and settles in the middle.
On a Claude Team or Enterprise plan? Paste this into Claude Motion for a similar result without installing anything.