Which AI clients can connect to Framnova?

Codex, Claude Code, VS Code, and compatible Streamable HTTP MCP clients can connect with a Framnova Pro token.

Does Framnova send every browser capture automatically?

No. A capture set is available to Direct MCP only after you choose to sync it from the extension.

VISUAL CONTEXT, ON YOUR ROUTE

Screenshot context.
Direct to desktop AI.

Sync a selected Framnova capture set, then let your desktop AI retrieve the screenshots, page structure, styles, and assets it needs through one Direct MCP connection.

Choose your client ↓Read the full setup guide →

01 Explicit capture-set sync
02 Bearer-token access
03 Read-only AI tools

CONNECTION BOARD · 01

Pick the desk
you actually use.

Every ready client points at the same endpoint. Keep your Pro token on your own computer; Framnova never asks you to paste it into a chat.

CODEX · REMOTE HTTP

Keep the token out of the config file.

Set a local environment variable, then register Framnova once. Codex reads the value at connection time.

PowerShell

$env:FRAMNOVA_MCP_TOKEN = "PASTE_YOUR_PRO_TOKEN"
codex mcp add framnova --url https://mcp.framnova.com/mcp --bearer-token-env-var FRAMNOVA_MCP_TOKEN
codex mcp get framnova

Then: fully restart Codex and ask it to list your recent Framnova capture sets.

CLAUDE CODE · REMOTE HTTP

Bring page evidence into a coding session.

Claude Code can connect to the Framnova HTTP endpoint with your local authorization header.

PowerShell

$env:FRAMNOVA_MCP_TOKEN = "PASTE_YOUR_PRO_TOKEN"
claude mcp add --transport http framnova https://mcp.framnova.com/mcp --header "Authorization: Bearer $env:FRAMNOVA_MCP_TOKEN"

Good prompt: “Use my latest Framnova capture set to inspect the layout and propose the smallest CSS fix.”

VS CODE · .VSCODE/MCP.JSON

Prompt for the secret, every time you connect.

Add a remote HTTP server to your workspace and use a password input for the token.

.vscode/mcp.json

{
  "servers": {
    "framnova": {
      "type": "http",
      "url": "https://mcp.framnova.com/mcp",
      "headers": { "Authorization": "Bearer ${env:FRAMNOVA_MCP_TOKEN}" }
    }
  },
  "inputs": [{ "id": "framnova-token", "type": "promptString", "password": true }]
}

Keep it private: do not commit a real token inside .vscode/mcp.json.

CURSOR · MCP CONFIG

Use the same endpoint in Cursor.

Add Framnova as a remote HTTP MCP server in Cursor's MCP settings, then keep your token local.

mcp.json

{
  "mcpServers": {
    "framnova": {
      "url": "https://mcp.framnova.com/mcp",
      "headers": { "Authorization": "Bearer ${input:framnova-token}" }
    }
  }
}

Before saving: use Cursor's local or secret configuration when your version provides it; never commit the token to a project file.

Need screenshots for each client?Open the complete connection guide →

WHAT THE AI CAN SEE · 02

Send a frame.
Not your whole browser.

Direct MCP is intentionally narrow. Your AI client can only reach capture sets you explicitly sync with the extension, under the access scope of your Pro token.

CAPTURE-SET / 042SYNCED

IMG
01-product-page.pngOriginal screenshot · 2380 × 1460
READY
CTX
page-context.jsonDOM structure, copy, and selected CSS
READY
AST
referenced-assetsApproved file references only
READY
TXT
capture-note.txtYour task and capture note
READY

✓ Nothing is uploaded until you choose Sync to Direct MCP in Framnova.

THE THREE-MINUTE ROUTE · 03

No ceremony.
Just context.

Use this sequence once per computer. After that, capture, sync, and ask a better question.

01
Capture
Collect the visual evidence.
Screenshot a whole flow or a specific state with the Framnova extension.
02
Sync
Choose what crosses the boundary.
Press Sync to Direct MCP. The selected set becomes available to your authenticated client.
03
Ask
Let the AI retrieve the right layer.
Ask for the capture, page context, design tokens, assets, or a focused comparison.

CONNECTION NOTES · 04

A few honest
answers first.

Client support is stated as it is today, not as a vague promise.

Where do I get the endpoint and Pro token?

After a successful Pro checkout, Framnova shows both values once on the activation page. Store the token in a password manager before you close it.

Can I use the same token in the extension and my AI client?

Yes. Set the extension endpoint to https://mcp.framnova.com (without /mcp). Desktop clients use https://mcp.framnova.com/mcp with the same Pro token.

Why does the client not see my newest capture?

Capture sets stay local until you select Sync to Direct MCP. Check the extension connection status, then sync the selected set and refresh or restart the AI client if needed.

Can I connect Claude Desktop or Claude.ai today?

Not directly with the current bearer-token service. Use Claude Code today; Framnova needs OAuth before it can safely support Claude's remote connector flow.

READY WHEN YOU ARE

Set the route.
Keep the proof.

Start free in the browser. Upgrade when your desktop AI needs the full visual context behind the screenshot.

Get Framnova Pro →Connection guide ↗

Screenshot context.Direct to desktop AI.

Pick the deskyou actually use.

Keep the token out of the config file.

Bring page evidence into a coding session.

Prompt for the secret, every time you connect.

Use the same endpoint in Cursor.

OAuth is the missing handshake.

Send a frame.Not your whole browser.

No ceremony.Just context.

Collect the visual evidence.

Choose what crosses the boundary.

Let the AI retrieve the right layer.

A few honestanswers first.