EaseKitDocs
EaseKit in Claude (MCP) · Example prompts
Documentation

Example prompts

Things to ask Claude once EaseKit is connected, and how changes reach the app.

Talk to Claude as you would to the chat in EaseKit. Mention EaseKit in the first message so Claude reaches for its tools. A few to try, grouped by task:

Create

  • “Create a success check animation in EaseKit.”
  • “Design a 9:16 story in EaseKit that reveals ‘Ship faster’ word by word, punchy, looping.”
  • “Start from the Loader template in EaseKit and make the dots our brand orange.”

Refine

  • “Make my latest EaseKit animation snappier.”
  • “In the ‘Onboarding’ session, stagger the cards by 60 ms and give the button a calmer spring.”
  • “Turn the card into a component and place four copies, staggered.”
  • “Add a Hover and a Pressed state to the button and a tap trigger that goes to Loading.”
  • “Add an On state where the track turns green and the label reads ‘On’, and let me drag the knob to switch it.”
  • “Make the card's size variants switch with a bouncy spring, and switch the first card to large at 1.5 s.”
  • “Fade the screen recording in over half a second and play the last clip backwards.”

Check

  • “Check the quality of the ‘Onboarding’ session and fix the warnings.”
  • “Why does my latest EaseKit animation score below 80?”

Import and export

  • “Export my EaseKit animation as a React component to ~/Desktop.”
  • “Import this Lottie file into EaseKit and slow the intro down by 20 %.”
  • “Import this Figma button into EaseKit and make the hover bouncier: https://www.figma.com/design/…?node-id=12-34”
  • “Put the three chips in a row with an 8 pt gap and let the middle one grow on hover; the others should follow.”
  • “Copy the key frames of my latest animation as SVG frames for Figma.”
  • “Open it in EaseKit so I can watch it.”
Claude Desktop editing an EaseKit animation

How changes reach the app

New and edited animations show up in the EaseKit sidebar within a moment, with the quality score attached. New sessions from Claude are selected, and a banner says what arrived. Each edit's note reads “Edited from Claude (MCP)” in the version list.

If you're editing a session in the app while Claude works on it, your copy is never overwritten mid-turn. When the new version arrives, unsaved stage edits are set aside with Restore.