suggest_motion
Analyze a page to find where motion helps, then generate tunable playgrounds and a numbered map from the page’s own content and styles.
Instructions
Find the places on a page where motion would help, and build a playground for each from the page's own content. Captures the page at url, picks moments (hero entrance, button hover, card hover, section reveal, navigation hover, image reveal), and for each writes a playground the designer can tune, built from the captured text, styles, images and fonts. Also writes a map: a picture of the page with a numbered spot on each suggestion and a list of why each was picked. Pass profile and project so the suggestions follow the designer's motion notes, customer note and earlier decisions; a 'none-instant' or 'no motion' note returns no suggestions. Anything the playground cannot show exactly, such as a gradient or a shadow, is listed in approximations. Then call open_motion_playground with map_path and hand the designer the url. When the designer names one element in chat ("add motion to the pricing cards"), find its CSS selector in the code or from get_grabbed_elements and pass selector (and trigger if they said when it should move): that builds one playground for that element from the same capture, with no map, and returns preview_url to give the designer. Captures only http and https pages; a local or private address is allowed only when url itself is one.
Input Schema
| Name | Required | Description | Default |
|---|---|---|---|
| max | No | Most suggestions to return, 1-8. Default 5. | |
| url | Yes | The page to look at: a local dev server (http://localhost:3000/) or a published site (https://…). | |
| profile | No | Taste profile name (see list_taste_profiles). Pass with project, or omit both. | |
| project | No | Bound project name. Pass with profile, or omit both. | |
| trigger | No | With selector: when the element moves. entrance = when the page opens, hover = on hover, scroll = when it scrolls into view. Omit to choose from the element. | |
| selector | No | A CSS selector for one element to build a playground for. Sets max to 1 and builds no map. | |
| viewport | No | Page width to capture at: desktop (1440 px, default) or mobile (390 px). |