tune_animations
Detect animations on a page and generate an interactive tuner to adjust duration, delay, and easing, then export parameter changes for use in code.
Instructions
Detect every animation on a page (CSS transitions/keyframes plus Motion One / GSAP / anime.js / @formkit/auto-animate / lottie-web), and write an interactive HTML tuner page where the user can adjust duration/delay/easing live and export a Claude-Code-ready prompt with the parameter changes. Returns the file path of the generated tuner. Use when the user wants to fine-tune existing animation parameters, NOT to review for issues.
Tool call template
Replace each placeholder with a value matching the input schema. Only required parameters are included; add optional parameters as needed.
{
"id": 1,
"jsonrpc": "2.0",
"method": "tools/call",
"params": {
"arguments": {
"url": "<url>"
},
"name": "tune_animations"
}
}Input Schema
| Name | Required | Description | Default |
|---|---|---|---|
| url | Yes | URL to capture animations from. | |
| output | No | Where to write the tuner HTML. Default .motionlint/tuner/index.html. | |
| settle_ms | No | Time to wait after load for animations to register. Default 1500. | |
| viewport_width | No | Capture viewport width. Default 1280. | |
| viewport_height | No | Capture viewport height. Default 800. |