NoaCG Broadcast Graphics and Playout MCP server

NoaCG Studio

NoaCG Studio makes live broadcast graphics for shows and streams: lower thirds, scoreboards, tickers, title cards and more. Make them from a template, from your own SVG, or with your AI coding agent. Then play them from a browser source, run them through NoaCG Playout and NoaCG Bridge to CasparCG, or export them as HTML templates.

It is free and open source, and it runs in your browser. You need no account to make and export graphics. NoaCG is in beta.

noacg.studio (the app) · Docs · Downloads (NoaCG Bridge and the NoaCG CLI)

1. Make a graphic

text, colours, logo and motion.

• From a template. Pick a design from the library, one graphic or a whole kit, and set its

keep text as text. Text layers become fields the operator edits. No AI is involved. PNG, JPEG, .html and .zip files import too. Prepare your file.

• From your own SVG. Draw it in Illustrator or any tool that saves SVG, name the layers and

builds it, and the NoaCG CLI checks it in a live playout test and saves it to your library. Saving needs a free account. Set up your agent.

• With your AI coding agent. Ask Claude Code or Codex for a graphic "for NoaCG". The agent

2. Play it or export it

NoaCG Playout is the operator page: a cue rundown, preview and program monitors, and Take, Update and Out on the keyboard. You can change names and scores while a graphic is on air.

It connects NoaCG Playout to your CasparCG server and cues the server's clips from the same rundown. This is the main production setup.

• CasparCG with NoaCG Bridge. NoaCG Bridge is a small Windows program on the playout machine.

graphics play straight from NoaCG. Publishing an output URL needs a free account.

• OBS and browser sources. Load a production's output URL as a browser source and the

LiveOS, OBS and vMix. They carry their own fonts and images and keep working without NoaCG. The vMix, SPX Graphics and LiveOS packages are not yet tested on those systems.

• Export. Download graphics as HTML templates for OGraf, CasparCG, SPX Graphics, H2R Graphics,

Every graphic also exports as an EBU OGraf package, validated on export. Playing OGraf packages made in other tools is not built yet. Also in beta: making a graphic with AI in the browser, and a workspace for rendered video.

Free and open source

Everything in the studio is free, and there is no paid edition. The source is open under AGPL-3.0 and this repository is the whole product, so you can host it yourself. You need a free account only for what the hosted service runs for you, such as publishing an output URL, saving from the CLI or running AI.

The NoaCG CLI and NoaCG Bridge

The NoaCG CLI and MCP server is published to npm as @noacg/cli. It makes a graphic package (one folder that is an EBU OGraf graphic and a SPX/CasparCG template), checks it against the same gate the studio uses, takes screenshots, and saves it to your NoaCG library with a scoped agent key (noacg login).

npx @noacg/cli scaffold --type scoreboard --design neutral --name "Football scoreboard" --out ./football-scoreboard
npx @noacg/cli validate ./football-scoreboard --screenshots ./shots
npx @noacg/cli save ./football-scoreboard

In Claude Code, the plugin adds the noacg-graphic skill and the /noacg:graphic command. Type this in a Claude Code session (2.1.275 or later):

/plugin install noacg --marketplace NoaCG/NoaCG-Studio

Shortened. The full README is on GitHub.