Tool tree

mckp.live

Media & PersonalTools verifiedOct 12, 2026

Beyond the screenshot. Render videos or embed live, interactive mockups anywhere — from your portfolio to your client's homepage.

search_origin_mockupsAnswer

Find ready-made animated device mockup scenes (Origin) on mckp.live. Filter by device, animation type or words in the title. Returns scene titles, page URLs and editor URLs where the user puts their own screen on the device.

View tool JSON

{
  "name": "search_origin_mockups",
  "kind": "answer",
  "impl": "imperative",
  "description": "Find ready-made animated device mockup scenes (Origin) on mckp.live. Filter by device, animation type or words in the title. Returns scene titles, page URLs and editor URLs where the user puts their own screen on the device.",
  "inputSchema": {
    "type": "object",
    "properties": {
      "query": {
        "type": "string",
        "description": "Words to match in the scene title, model or summary, e.g. \"iPhone 17 Pro zoom\" or \"isolated half turn\"."
      },
      "device": {
        "type": "string",
        "enum": [
          "iphone",
          "macbook",
          "nothing-phone",
          "ipad"
        ],
        "description": "Device type."
      },
      "animation": {
        "type": "string",
        "enum": [
          "enter",
          "action-loop",
          "multi-shot",
          "simple",
          "look-at",
          "breathing"
        ],
        "description": "Animation type."
      },
      "limit": {
        "type": "number",
        "description": "Maximum results, 1–50. Default 10."
      }
    }
  }
}

list_studio_presetsAnswer

List Studio presets on mckp.live: starting points in the timeline editor where the user animates a device mockup themselves. Returns editor URLs and preview videos.

View tool JSON

{
  "name": "list_studio_presets",
  "kind": "answer",
  "impl": "imperative",
  "description": "List Studio presets on mckp.live: starting points in the timeline editor where the user animates a device mockup themselves. Returns editor URLs and preview videos.",
  "inputSchema": {
    "type": "object",
    "properties": {
      "mockup": {
        "type": "string",
        "enum": [
          "studio-display",
          "ipad-pro",
          "pixel-fold",
          "ipad-pro-keyboard",
          "iphone-18-pro",
          "macbook-pro",
          "iphone-duo",
          "iphone-18-pro-in-hand"
        ],
        "description": "Studio mockup (device)."
      },
      "limit": {
        "type": "number",
        "description": "Maximum results, 1–50. Default 10."
      }
    }
  }
}

get_embed_codeAnswer

HTML snippet that embeds a live, interactive mckp.live mockup on a website (Framer, Webflow or plain HTML). Takes the UUID of a scene the user saved in the editor, or of an Origin scene.

View tool JSON

{
  "name": "get_embed_code",
  "kind": "answer",
  "impl": "imperative",
  "description": "HTML snippet that embeds a live, interactive mckp.live mockup on a website (Framer, Webflow or plain HTML). Takes the UUID of a scene the user saved in the editor, or of an Origin scene.",
  "inputSchema": {
    "type": "object",
    "properties": {
      "uuid": {
        "type": "string",
        "description": "Scene UUID."
      },
      "trigger": {
        "type": "string",
        "enum": [
          "load",
          "inview",
          "click",
          "hover",
          "scroll",
          "mousemove"
        ],
        "description": "What starts the animation. Leave out to keep the trigger saved in the scene."
      }
    },
    "required": [
      "uuid"
    ]
  }
}