Integration

Bannerbear integration

Bannerbear automated media generation: render images from visual templates by overriding named layers, produce whole collections in one call from a template set, build videos and animated GIFs, capture web page screenshots, and browse the templates and template sets of the project. Rendering runs in the background and each object exposes a status alongside the URLs of the finished asset.

Connect Bannerbear How integrations work

Ask it in chat

Say what should happen.
The workflow builds itself.

When this happens, do that in Bannerbear.Built from the 17 Bannerbear tools below, on the connection you add once.

Common Bannerbear use cases

finding a video rendered earlier
waiting for a GIF render to finish
checking quota before a bulk render
waiting for a video render to finish
waiting until a page capture is ready
finding a campaign set rendered earlier
waiting until a requested image is ready
finding the set to render a campaign from
generating a preview thumbnail for a link
adding branded captions to a recorded clip

What you can do with Bannerbear

Each of these is one operation on one endpoint, available both as a workflow step and as a tool an AI agent can call on its own. Nothing bundles several operations into one action, so what a run did stays readable afterwards.

Most endpoints run on the free plan. A few, mainly the ones that publish on your behalf, need a paid plan.

Collection, 3 operations

create_collectionCreate collectionPOSTRenders a whole Bannerbear template set at once.
get_collectionGet collectionGETReturns a Bannerbear collection and its rendering status.
list_collectionsList collectionsGETLists the collections rendered in the Bannerbear project.

Image, 3 operations

create_imageCreate imagePOSTRenders an image from a Bannerbear template.
get_imageGet imageGETReturns a Bannerbear image and its rendering status.
list_imagesList imagesGETLists the images rendered in the Bannerbear project.

Video, 3 operations

create_videoCreate videoPOSTRenders a video from a Bannerbear video template.
get_videoGet videoGETReturns a Bannerbear video and its rendering status.
list_videosList videosGETLists the videos rendered in the Bannerbear project.

Animated gif, 2 operations

create_animated_gifCreate animated gifPOSTRenders an animated GIF from a Bannerbear template.
get_animated_gifGet animated gifGETReturns a Bannerbear animated GIF and its status.

Screenshot, 2 operations

create_screenshotCreate screenshotPOSTCaptures a screenshot of a web page.
get_screenshotGet screenshotGETReturns a Bannerbear screenshot and its status.

Template, 2 operations

get_templateGet templateGETReturns a Bannerbear template and its modifiable layers.
list_templatesList templatesGETLists the Bannerbear templates of the project.

Account, 1 operation

get_accountGet accountGETReturns the Bannerbear plan and remaining render quota.

Template set, 1 operation

list_template_setsList template setsGETLists the Bannerbear template sets of the project.

Use Bannerbear from Claude Code, Cursor or Codex

Connect Bannerbear in LiveContext, create an API key in Settings, then add the LiveContext MCP server to your client. Its Bannerbear operations become tools the client can call, next to every other integration you connected.

Claude Code

claude mcp add --transport http livecontext https://livecontext.ai/mcp --header "X-API-Key: YOUR_API_KEY"

Codex (~/.codex/config.toml)

[mcp_servers.livecontext]
url = "https://livecontext.ai/mcp"

[mcp_servers.livecontext.http_headers]
"X-API-Key" = "YOUR_API_KEY"

Cursor, Claude Desktop and other JSON configs

{
  "mcpServers": {
    "livecontext": {
      "type": "http",
      "url": "https://livecontext.ai/mcp",
      "headers": {
        "X-API-Key": "YOUR_API_KEY"
      }
    }
  }
}

Set up the MCP server step by step

How to connect Bannerbear

Create your workspace
Sign up free. Nothing to install.
Connect Bannerbear once
Add your Bannerbear connection in Settings. Every tool from this integration reuses it, and secrets are encrypted at rest and visible only to you.
Describe the job in chat
The workflow builds itself in front of you and picks the endpoints it needs. Drag the steps yourself on the canvas whenever you would rather be explicit.

Bannerbear integration FAQ

What can you do with the Bannerbear integration?

LiveContext exposes 17 operations on Bannerbear, covering collection, image, video and animated gif. Common uses include finding a video rendered earlier, waiting for a GIF render to finish and checking quota before a bulk render.