Renderball

Renderball for coding agents

One command, and your coding agent makes designs.

Claude Code, Codex, Cursor and friends connect to Renderball with a single line. The agent writes the design the way it writes code, Renderball designs and renders it, the agent checks the pages, and you get an editor link.

Your plan and a key

  1. Start your Renderball plan, $29 a month: sign up and subscribe. Already have an account? Subscribe on Billing.
  2. On your account page, create a key. It acts as you, so keep it private and revoke it when you stop using it.

One command

Claude Code:

claude mcp add --transport http renderball https://renderball.com/api/mcp \
  --header "Authorization: Bearer rb_live_…"

Codex:

export RENDERBALL_API_KEY=rb_live_…
codex mcp add renderball --url https://renderball.com/api/mcp --bearer-token-env-var RENDERBALL_API_KEY

Cursor, or any client that takes a JSON config:

{ "mcpServers": { "renderball": { "url": "https://renderball.com/api/mcp", "headers": { "Authorization": "Bearer rb_live_…" } } } }

Or install it as a plugin

Claude Code, Cowork and Claude on the web, as a plugin: the studio's method, a command (/renderball-deck in Claude, /renderball:deck in Claude Code), and a connection that signs you in with your Renderball account, no key needed:

/plugin marketplace add Renderball/renderball-for-claude
/plugin install renderball@renderball

What your agent does

  1. Starts the design with your brief, your brand and its website, and a page-by-page outline. When you are signed in and no brand colours were given, Renderball reads the website for your colours, fonts and logo. It answers with the brief to write from: the format, your brand facts, the rules and example pages.
  2. Writes the design on its own plan (through the connector, one page at a time), each page built around one picture that carries its idea. Every number has to come from your material.
  3. When the last page is in, Renderball checks the design against your brief, renders every page with motion and hands the rendered pages back, so your agent looks at its own work and fixes overlaps or clipped text before you see anything.
  4. Gives you one link: your design, open in the editor, where you move, rewrite, regenerate or animate any element, and share it.

Try this

Something like this, in your own words. Give the brand name, its website and only the colours you actually know; your agent is told never to guess one.

Use Renderball to make a 5-page deck introducing our product to a new customer:
the problem, how we solve it, why it's different, the next step.
Our brand is Yourcompany, accent colour #1F6FEB. Give me the link when it's ready.

What it costs

Renderball is $29 a month for the editor, sharing, export and connecting your own AI, and it includes $20 of credits for Renderball's own AI every month. You can add more credits at any time.

Questions

Does the agent spend my tokens or yours?
Yours, on its own plan, to write the design. Renderball spends a few cents checking and rendering it; editing needs the $29/month plan.
Can it fix a page it does not like?
Yes. The ready reply carries the rendered pages as images; the agent looks at them, fixes the file and submits again before it hands you the link.
Where do I edit?
In the editor on renderball.com, at the link the agent returns. Every element is real and editable.
I want this in a chat, not a terminal.
See Renderball for Claude or Renderball for ChatGPT.

Also: Renderball for Claude · Renderball for ChatGPT · every setup on one page · the recipe an AI reads