The PageToVid MCP server

Ask your AI assistant for a video in plain words — “make a 30-second ad for stripe.com”, “turn this table into a chart video”, “put a presenter in the corner of scene 2” — and it drives PageToVid for you: it inspects the page, writes and edits the storyboard, renders, reads the result and fixes it.

Endpoint: https://pagetovid.com/mcp · Streamable HTTP · OAuth sign-in (or an API key for headless agents).

  1. Install
    1. Claude Code
    2. Claude (web, desktop, mobile)
    3. Cursor
    4. VS Code (Copilot agent mode)
    5. VS Code — by hand
    6. Codex
    7. Gemini CLI
    8. Claude API (Messages)
    9. Anything else
  2. API keys for headless agents
  3. What to read next

Install

Pick your client. Every one of them signs you in to PageToVid the first time a tool is called — there is no key to copy unless you want one.

Claude Code 

claude mcp add --transport http pagetovid https://pagetovid.com/mcp

Run /mcp inside Claude Code and authenticate — a browser opens, you sign in to PageToVid once, and that is it.

Claude (web, desktop, mobile)

Settings → Connectors → Add custom connector → paste https://pagetovid.com/mcp

Claude opens a PageToVid sign-in and asks you to approve access. Custom connectors are available on paid Claude plans.

Cursor

Install in Cursor

Opens Cursor and pre-fills the server. Cursor then runs the sign-in for you.

VS Code (Copilot agent mode)

Install in VS Code

VS Code signs you in on first use. Or add it by hand to .vscode/mcp.json.

VS Code — by hand

In .vscode/mcp.json:

{
  "servers": {
    "pagetovid": {
      "type": "http",
      "url": "https://pagetovid.com/mcp"
    }
  }
}

Codex

In ~/.codex/config.toml:

[mcp_servers.pagetovid]
url = "https://pagetovid.com/mcp"

Codex runs the sign-in on first use. For a headless agent, add http_headers = { Authorization = “Bearer cp_live_…” } instead.

Gemini CLI 

gemini mcp add --transport http pagetovid https://pagetovid.com/mcp

Claude API (Messages) 

{
  "mcp_servers": [
    {
      "type": "url",
      "url": "https://pagetovid.com/mcp",
      "name": "pagetovid",
      "authorization_token": "YOUR_KEY"
    }
  ]
}

Pass alongside your messages request; the model can then call the tools directly.

Anything else 

{
  "mcpServers": {
    "pagetovid": {
      "type": "http",
      "url": "https://pagetovid.com/mcp"
    }
  }
}

The shape most clients accept for a remote Streamable HTTP server. A client that cannot sign in can send an API key header instead — see below.

API keys for headless agents

A client that cannot run a browser sign-in (a CI job, a server-side agent) sends an API key instead: create one in your account and pass it as Authorization: Bearer cp_live_…. A key spends your credits — keep it in your secret manager, never in a repository.

Table of contents