Setup

Connect Pane to your AI chat

Add Pane to Claude (web, desktop, mobile), ChatGPT, or any chat app that supports remote MCP connectors — nothing to install. On a phone there's no terminal to run a CLI anyway; you just paste one URL, log in once, and your chat can build you real interactive UIs by URL and read your answers back. Got a coding agent instead? See the install flow on the homepage.

Custom connector URL

https://relay.paneui.com/mcp

Self-hosting? Use https://<your-relay-host>/mcp — the same login flow is built in.

Claude — web, desktop & mobile

  1. Open Settings → Connectors (web: claude.ai/settings/connectors; mobile: profile → Settings → Connectors).
  2. Click Add custom connector.
  3. Name it Pane and paste the URL https://relay.paneui.com/mcp, then save.
  4. Click Connect. A window opens on the Pane relay — log in with your email (magic link).
  5. On the consent screen, review and click Allow. You're returned to Claude.
  6. Pane's tools now appear in the chat. Ask: "Use Pane to build me a quick contact form and give me the link."

No paid plan required — custom connectors work on Claude's free plan too. Add it once on the web and it's available on your phone, where there's no terminal to install anything — you just connect and use it. Same account everywhere.

Claude Code (remote, no local server)

Claude Code can use the hosted connector instead of running anything locally:

claude mcp add --transport http pane https://relay.paneui.com/mcp

Then run /mcp, select pane, and Authenticate — it opens the browser for the same login + consent, and you're set. Prefer streaming and local control? The CLI route gives you true pane watch — see the README install section.

ChatGPT & other MCP-capable apps

Pane's endpoint is a standard OAuth-protected remote MCP server, not a Claude-specific integration — any client that supports remote MCP / custom connectors works.

  • ChatGPT — in the clients that expose custom connectors / MCP, add a connector with the URL https://relay.paneui.com/mcp and complete the login + consent when prompted.
  • Any other client — wherever it asks for a remote/HTTP MCP server URL, give it https://relay.paneui.com/mcp. It discovers the auth endpoints automatically and walks you through login + consent.

The flow is identical everywhere: paste the URL → log in by email → approve consent. No API key to copy, no client secret to manage.

Managing the connection

  • One identity per chat app. Re-authorizing the same app reuses its Pane identity, so your panes and templates accumulate under one account.
  • Disconnect any time. Remove the connector in your chat app's settings (or revoke it on the relay) and access is revoked immediately — your other credentials are unaffected.
  • Tokens are short-lived and refresh automatically; everything is revocable. A connection grants full agent access, the same as a CLI key.

Want the full walkthrough, the OAuth security model, and troubleshooting? See docs/CONNECT-AI-CHAT.md on GitHub.