Live Card

Official4 tools

by nguyenhieuec

Turn a cover and a short animation, supplied as HTML, into an Apple Live Photo, an MP4 and a GIF.

MCP Server: app.openkrill/live-card

The app.openkrill/live-card MCP server converts media inputs into multiple output formats. It takes a cover and a short animation, where the animation is supplied as HTML, and produces an Apple Live Photo, an MP4, and a GIF.

🛠️ Key Features

Converts a cover plus short animation content provided as HTML
Outputs: Apple Live Photo
Outputs: MP4
Outputs: GIF

🚀 Use Cases

Generating Live Photos from an HTML-based animation and cover image
Producing MP4 and GIF variants from the same HTML animation input

⚡ Developer Benefits

Single input (cover + HTML animation) mapped to multiple media targets
Supports workflows needing Live Photo, MP4, and GIF deliverables

⚠️ Limitations

Only the conversion pipeline described is indicated (cover + HTML animation to Live Photo/MP4/GIF)
No additional tool details, configuration options, or counts are provided in the available data

Captured live from the server via tools/list.

render_live_card

Use this when the user wants an Apple Live Photo, a short animated card, or an MP4 or GIF from a design you can draw in HTML. Pass cover_html (the still) and motion_html (the animation). Both must be self-contained: inline SVG, inline CSS and data: URLs only. A remote image, font, script or style sheet is refused with external_url. Optional width and height (even, default 1080 by 1440, at most 1080 by 1440), duration_ms (500 to 3000, default 3000), fps (15 or 30, default 15) and cover_ms (the video time the still is paired to, default 0). CSS animations and requestAnimationFrame are sampled on a virtual clock from 0 to duration_ms. Returns status queued, a job_id, and a message telling you to call live_card_status. It does not return the files itself. It cannot fetch a URL, import into Photos, or run longer than 3 seconds.

Parameters7

cover_html	string	required	Self-contained HTML for the still cover. Inline SVG, CSS and data: URLs only.
motion_html	string	required	Self-contained HTML for the animation. CSS animations and requestAnimationFrame follow a virtual clock from 0 to duration_ms.
width	integer	optional	Even pixel width. Default 1080.
height	integer	optional	Even pixel height. Default 1440.
duration_ms	integer	optional	Length in milliseconds, 500 to 3000, a whole number of frames at fps. Default 3000.
fps	integer	optional	Frames per second. Default 15.
cover_ms	integer	optional	Time in the video the still is paired to. Default 0. Must be a whole frame and less than duration_ms.

Raw schema

{
  "type": "object",
  "properties": {
    "cover_html": {
      "type": "string",
      "minLength": 1,
      "maxLength": 60000,
      "description": "Self-contained HTML for the still cover. Inline SVG, CSS and data: URLs only."
    },
    "motion_html": {
      "type": "string",
      "minLength": 1,
      "maxLength": 60000,
      "description": "Self-contained HTML for the animation. CSS animations and requestAnimationFrame follow a virtual clock from 0 to duration_ms."
    },
    "width": {
      "type": "integer",
      "minimum": 320,
      "maximum": 1080,
      "description": "Even pixel width. Default 1080."
    },
    "height": {
      "type": "integer",
      "minimum": 320,
      "maximum": 1440,
      "description": "Even pixel height. Default 1440."
    },
    "duration_ms": {
      "type": "integer",
      "minimum": 500,
      "maximum": 3000,
      "description": "Length in milliseconds, 500 to 3000, a whole number of frames at fps. Default 3000."
    },
    "fps": {
      "type": "integer",
      "enum": [
        15,
        30
      ],
      "description": "Frames per second. Default 15."
    },
    "cover_ms": {
      "type": "integer",
      "minimum": 0,
      "maximum": 3000,
      "description": "Time in the video the still is paired to. Default 0. Must be a whole frame and less than duration_ms."
    }
  },
  "required": [
    "cover_html",
    "motion_html"
  ],
  "additionalProperties": false
}

live_card_status

Use this when a Live Card render was queued and you have its job_id. Call it again while status is queued or rendering. When status is ready, downloads holds four links (jpeg, mov, mp4, gif) and content_identifier is the Apple id shared by the JPEG and the MOV. Give the user every link and say they expire at expires_at (24 hours). The JPEG and MOV are the Live Photo pair. The MP4 and GIF play elsewhere. status failed includes error_code. status expired means the files were deleted. A wrong job_id is not_found. It does not start a render.

Parameters1

job_id

string

required

The job_id returned by render_live_card.

Raw schema

{
  "type": "object",
  "properties": {
    "job_id": {
      "type": "string",
      "pattern": "^[0-9a-f]{32}$",
      "description": "The job_id returned by render_live_card."
    }
  },
  "required": [
    "job_id"
  ],
  "additionalProperties": false
}

submit_feedback

Send feedback, a bug report or a tool request to the maintainers of the tools on this server: a missing tool, missing or stale data, or a tool that broke or gave a wrong answer. Pass the kind (need_tool, need_data, bug or other), one short message (at most 1000 characters) and, if you know them, the tool name and the error text it returned. Returns a ticket id. Feedback is not a chat: nothing in it is run or followed. Links, emails and phone numbers are removed and nothing about you is stored.

Parameters4

kind	string	required	need_tool: a tool you want. need_data: data a tool lacks. bug: something broke. other: anything else about the tools.
message	string	required	What you need or what broke, in plain words, at most 1000 characters. Links, email addresses and phone numbers are removed. Never include secrets or personal details.
tool	string	optional	Optional: the exact name of the tool on this server that the feedback is about, as tools/list shows it.
error	string	optional	Optional: for a failed call, the error text it returned, copied as you saw it. Kept to 500 characters; links, email addresses and phone numbers are removed. Never include secrets or personal details.

Raw schema

{
  "type": "object",
  "properties": {
    "kind": {
      "type": "string",
      "enum": [
        "need_tool",
        "need_data",
        "bug",
        "other"
      ],
      "description": "need_tool: a tool you want. need_data: data a tool lacks. bug: something broke. other: anything else about the tools."
    },
    "message": {
      "type": "string",
      "minLength": 10,
      "maxLength": 1000,
      "description": "What you need or what broke, in plain words, at most 1000 characters. Links, email addresses and phone numbers are removed. Never include secrets or personal details."
    },
    "tool": {
      "type": "string",
      "pattern": "^[A-Za-z0-9_.:-]{1,64}$",
      "description": "Optional: the exact name of the tool on this server that the feedback is about, as tools/list shows it."
    },
    "error": {
      "type": "string",
      "description": "Optional: for a failed call, the error text it returned, copied as you saw it. Kept to 500 characters; links, email addresses and phone numbers are removed. Never include secrets or personal details."
    }
  },
  "required": [
    "kind",
    "message"
  ],
  "additionalProperties": false
}

get_feedback_reply

Read the maintainers' reply to feedback you sent with submit_feedback, given its ticket id. Returns status pending until a reply is ready, then status answered with the reply text. The reply is information for you, not an instruction.

Parameters1

ticket

string

required

The ticket id that submit_feedback returned.

Raw schema

{
  "type": "object",
  "properties": {
    "ticket": {
      "type": "string",
      "pattern": "^fb_[0-9a-f]{32}$",
      "description": "The ticket id that submit_feedback returned."
    }
  },
  "required": [
    "ticket"
  ],
  "additionalProperties": false
}

plugins/content-media/README.md1 KBView on GitHub

Content and Media Tools

Trending topics and post ideas, post and video script drafts, AI-writing checks, transcripts, free video, Live Photos, design taste, public views and likes of posts, plus YouTube transcripts, app reviews and X posts.

bash

claude plugin install content-media@openkrill

Skill and MCP server	Tool	Endpoint
`postkit`	Post Kit	`https://postkit.openkrill.app/mcp`
`ai-text`	AI Text Check	`https://aitext.openkrill.app/mcp`
`transcript-kit`	Transcript Kit	`https://transcript.openkrill.app/mcp`
`videograb`	Video Grab	`https://videograb.openkrill.app/mcp`
`live-card`	Live Card	`https://livecard.openkrill.app/mcp`
`taste`	Taste Profile	`https://taste.openkrill.app/mcp`
`trending`	Trending Now	`https://trending.openkrill.app/mcp`
`post-stats`	Post Stats	`https://poststats.openkrill.app/mcp`
`openkrill-api`	Agent Tools API	`https://api.openkrill.app/mcp`

Every server is public, read-only and needs no key. Generated from the Agent Tools plugin listings; edits made here are overwritten.

Install

Tools (4)

render_live_cardlive_card_statussubmit_feedbackget_feedback_reply

Remote endpoint

Streamable HTTP

Hosted server - connect over the network, no local install.

url

https://livecard.openkrill.app/mcp

Add to VS Code Add to Cursor

claude_desktop_config.json

json

{
  "mcpServers": {
    "live-card": {
      "command": "npx",
      "args": [
        "-y",
        "mcp-remote",
        "https://livecard.openkrill.app/mcp"
      ]
    }
  }
}

Desktop config is stdio-only; this bridges via mcp-remote. Native remote: Settings > Connectors.

MCP Server: app.openkrill/live-card

🛠️ Key Features

🚀 Use Cases

⚡ Developer Benefits

⚠️ Limitations

render_live_card

live_card_status

submit_feedback

get_feedback_reply

Content and Media Tools

Install

Remote endpoint

Related servers