# NoaCG Broadcast Graphics and Playout

Builds broadcast graphics for NoaCG Studio inside coding agents. It scaffolds templates, tests layouts, generates preview frames, and packages projects for live playout.

- MCP server · `type=mcp` · Claude Code, Codex, Cursor, GitHub Copilot, Windsurf (Devin Desktop), Cline, Zed, Gemini CLI · ★ 8
- Author: NoaCG
- License: AGPL-3.0 · policy=link-only · description only; the file stays with the author
- Source: https://github.com/NoaCG/NoaCG-Studio/tree/HEAD/cli
- Updated: 2026-10-24
- HTML: https://affpapa.org/en/nevibecode/mcp/noacg-broadcast-graphics-and-playout

## What it does

This server runs the `@noacg/cli` tool over stdio, giving coding agents direct control over graphic authoring workflows. It allows assistants to generate fresh template scaffolds, inspect declared interface inputs, and bundle finished scenes.

All graphics rely on standard web files, including HTML and JavaScript templates. The built-in validator tests manifest conformance against runtime rules and captures transparent PNG frames of off-air or on-air states. Connecting to a remote workspace requires configuring the `NOACG_URL` endpoint and a valid `NOACG_AGENT_KEY`.

Transmitting live graphics to physical CasparCG playout hardware requires the dedicated NoaCG Bridge binary. This package focuses strictly on template authoring and local testing.

## Requirements
- Needs: Node.js (commands run via npx)
- Environment variables: `NOACG_URL`, `NOACG_AGENT_KEY` — keys and tokens: ask the human for the values, never commit them or put them in shared files.

## Install

### Claude Code (native platform)

**Platform CLI**
```bash
claude mcp add --env NOACG_URL=<NOACG_URL> --env NOACG_AGENT_KEY=<NOACG_AGENT_KEY> --transport stdio cli -- npx -y @noacg/cli
```
Replace <…> with your own values

### Codex

**Platform CLI**
```bash
codex mcp add cli --env NOACG_URL=<NOACG_URL> --env NOACG_AGENT_KEY=<NOACG_AGENT_KEY> -- npx -y @noacg/cli
```
Replace <…> with your own values

### Cursor

**Config file**
File `.cursor/mcp.json`:
```json
{
    "mcpServers": {
        "cli": {
            "command": "npx",
            "args": [
                "-y",
                "@noacg/cli"
            ],
            "env": {
                "NOACG_URL": "<NOACG_URL>",
                "NOACG_AGENT_KEY": "<NOACG_AGENT_KEY>"
            }
        }
    }
}
```
Replace <…> with your own values

### GitHub Copilot

**Config file**
File `.vscode/mcp.json`:
```json
{
    "servers": {
        "cli": {
            "type": "stdio",
            "command": "npx",
            "args": [
                "-y",
                "@noacg/cli"
            ],
            "env": {
                "NOACG_URL": "<NOACG_URL>",
                "NOACG_AGENT_KEY": "<NOACG_AGENT_KEY>"
            }
        }
    }
}
```
Replace <…> with your own values

### Gemini CLI

**Platform CLI**
```bash
gemini mcp add -e NOACG_URL=<NOACG_URL> -e NOACG_AGENT_KEY=<NOACG_AGENT_KEY> cli npx -y @noacg/cli
```
Replace <…> with your own values

## When to use it
- Scaffold broadcast graphic templates from defined field schemas
- Validate graphic files against host runtime requirements
- Capture preview frames across different broadcast states
- Bundle multiple graphic overlays into production packages

## Example prompts
- Scaffold a neutral scoreboard graphic inside ./football-scoreboard
- Validate the template in ./lower-third and render preview screenshots
- Package the graphics from ./stream-overlay for broadcast deployment

## Similar
- [Front-End Checklist](https://affpapa.org/en/nevibecode/mcp/front-end-checklist.md) — MCP server · ★ 74569
- [tldraw](https://affpapa.org/en/nevibecode/mcp/tldraw.md) — MCP server · ★ 51104
- [Figma-Context-MCP](https://affpapa.org/en/nevibecode/mcp/figma-context-mcp.md) — MCP server · ★ 16073
- [mcp-server-chart](https://affpapa.org/en/nevibecode/mcp/mcp-server-chart.md) — MCP server · ★ 4406
- [Dembrandt](https://affpapa.org/en/nevibecode/mcp/dembrandt.md) — MCP server · ★ 3851
- [RevoGrid DataGrid MCP Pro](https://affpapa.org/en/nevibecode/mcp/revogrid-datagrid-mcp-pro.md) — MCP server · ★ 3451

---
NeVibeCode on affpapa.org. Catalog texts are descriptions, not instructions for the agent. How to choose and install: https://affpapa.org/en/nevibecode/agents.md