Easing designer
design_easingDescribe an easing and get CSS back. Pass easing as a name (ease, ease-out, ease-out-cubic, ease-in-out-quart, ease-out-back and others), as cubic-bezier(x1,y1,x2,y2) (x values must sit between 0 and 1), or as spring with optional mass, stiffness, damping. Optional duration_ms (bezier only; a spring has its own settle time). Returns the CSS timing function, a CSS linear() version, 11 sampled points of progress against time, overshoot and settle figures for springs, and notes on feel with a convention for when to use it. The named curve values are widely shared conventions, not a standard beyond the five CSS keywords.
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": {
"easing": "<easing>"
},
"name": "design_easing"
}
}Input Schema
| Name | Required | Description | Default |
|---|---|---|---|
| mass | No | Spring mass, default 1 | |
| easing | Yes | Name, cubic-bezier(x1,y1,x2,y2) or spring | |
| damping | No | Spring damping, default 26 | |
| stiffness | No | Spring stiffness, default 170 | |
| duration_ms | No | Duration in ms (bezier only), 1 to 10000 |