Build forms with your AI agent

claude mcp add --transport http portform https://app.portform.co/api/v1/mcp --header "Authorization: Bearer $PORTFORM_TOKEN"

1. 1.Run this in your project directory.
2. 2.It is stored in Claude Code’s own config at the default local scope, not in your repository.
3. 3.Run /mcp inside Claude Code to see portform listed.

codex mcp add portform --url https://app.portform.co/api/v1/mcp --bearer-token-env-var PORTFORM_TOKEN

1. 1.Export PORTFORM_TOKEN with the token above, then run this.
2. 2.It writes to ~/.codex/config.toml — the token itself stays in your environment.
3. 3.Run /mcp inside Codex to check the server is listed.

gemini mcp add -s user -t http portform https://app.portform.co/api/v1/mcp -H "Authorization: Bearer $PORTFORM_TOKEN"

1. 1.Run this anywhere.
2. 2.-s user writes to ~/.gemini/settings.json. Without it Gemini CLI defaults to project scope and would put the token in .gemini/settings.json inside your repo.
3. 3.Run /mcp inside Gemini CLI to check the connection.

code --add-mcp '{"name":"portform","type":"http","url":"https://app.portform.co/api/v1/mcp"}'

{
  "inputs": [
    {
      "type": "promptString",
      "id": "portform-token",
      "description": "PortForm MCP token",
      "password": true
    }
  ],
  "servers": {
    "portform": {
      "type": "http",
      "url": "https://app.portform.co/api/v1/mcp",
      "headers": {
        "Authorization": "Bearer ${input:portform-token}"
      }
    }
  }
}

Safe to commit: ${input:portform-token} is a prompt, not a value. VS Code does not read ${env:…} in this file.

1. 1.Run this to register the server in your user profile.
2. 2.To share it with the repo instead, use the file below — VS Code prompts for the token once and keeps it in its own secret storage.
3. 3.Open the Chat view in Agent mode and check portform under Tools.

{
  "mcpServers": {
    "portform": {
      "url": "https://app.portform.co/api/v1/mcp",
      "headers": {
        "Authorization": "Bearer ${env:PORTFORM_TOKEN}"
      }
    }
  }
}

1. 1.Save this as .cursor/mcp.json in your project, or ~/.cursor/mcp.json to use it everywhere.
2. 2.Set PORTFORM_TOKEN in your shell environment to the token above, so the value never enters the file.
3. 3.This file is inside your repository, so it references PORTFORM_TOKEN rather than carrying the token. Keep it that way.
4. 4.Cursor Settings → MCP should now list portform.

{
  "mcpServers": {
    "portform": {
      "serverUrl": "https://app.portform.co/api/v1/mcp",
      "headers": {
        "Authorization": "Bearer ${env:PORTFORM_TOKEN}"
      }
    }
  }
}

1. 1.Save this as ~/.codeium/windsurf/mcp_config.json, or paste it into Cascade’s MCP panel.
2. 2.Set PORTFORM_TOKEN in your shell environment to the token above, so the value never enters the file.
3. 3.Refresh the server list in Cascade.

{
  "mcpServers": {
    "portform": {
      "type": "streamableHttp",
      "url": "https://app.portform.co/api/v1/mcp",
      "headers": {
        "Authorization": "Bearer YOUR_PORTFORM_TOKEN"
      },
      "disabled": false,
      "autoApprove": []
    }
  }
}

1. 1.Save this as ~/.cline/mcp.json, or open Cline → MCP Servers → Configure and paste it there.
2. 2.Both live outside your repository. Cline does not document environment interpolation in headers, so the value goes in the file.
3. 3.The server list should show portform as connected.

{
  "mcpServers": {
    "portform": {
      "type": "streamable-http",
      "url": "https://app.portform.co/api/v1/mcp",
      "headers": {
        "Authorization": "Bearer YOUR_PORTFORM_TOKEN"
      }
    }
  }
}

1. 1.Open Roo Code → MCP Servers → Edit Global MCP and paste this into mcp_settings.json.
2. 2.Use the global file, not .roo/mcp.json — that one is in your repository, and header interpolation is not documented.
3. 3.The type must be streamable-http with the hyphen; http does not work.

{
  "mcp": {
    "portform": {
      "type": "remote",
      "url": "https://app.portform.co/api/v1/mcp",
      "enabled": true,
      "headers": {
        "Authorization": "Bearer {env:PORTFORM_TOKEN}"
      }
    }
  }
}

1. 1.Merge this into ~/.config/opencode/opencode.json.
2. 2.Set PORTFORM_TOKEN in your shell environment to the token above, so the value never enters the file.
3. 3.opencode’s syntax is {env:PORTFORM_TOKEN} with no leading $ — the other clients’ form does not work here.

{
  "mcpServers": {
    "portform": {
      "serverUrl": "https://app.portform.co/api/v1/mcp",
      "headers": {
        "Authorization": "Bearer ${env:PORTFORM_TOKEN}"
      }
    }
  }
}

1. 1.Save this as ~/.gemini/config/mcp_config.json so it applies to every workspace.
2. 2.Set PORTFORM_TOKEN in your shell environment to the token above, so the value never enters the file.
3. 3.Run /mcp in Antigravity to reload and check the connection.

Name:        portform
Transport:   HTTP
Server URL:  https://app.portform.co/api/v1/mcp
Auth:        Auth Header
Header:      Authorization
Value:       Bearer YOUR_PORTFORM_TOKEN

1. 1.In Devin, open Settings → Connections → MCP servers and choose “Add a custom MCP”.
2. 2.Pick the HTTP transport and “Auth Header” authentication, then enter the values above.
3. 3.This needs the Manage MCP Servers permission in your Devin organisation.

Needs the Manage MCP Servers permission in your Devin organisation.

Name:            portform
Server URL:      https://app.portform.co/api/v1/mcp
Authentication:  Bearer Token
Token:           YOUR_PORTFORM_TOKEN

1. 1.In v0, open the + menu → MCPs → “Add a custom MCP server”.
2. 2.Enter the URL above and choose Bearer Token authentication.
3. 3.v0 calls the tools while it generates. The app it builds for you does not get MCP access of its own — this connects v0, not your project.

v0 uses the tools while it generates. The app it produces does not get MCP access of its own.

Name:        portform
Server URL:  https://app.portform.co/api/v1/mcp
Auth:        Custom header
Header:      Authorization
Value:       Bearer YOUR_PORTFORM_TOKEN

1. 1.Open the Integrations pane in Replit and add a custom MCP server.
2. 2.Choose custom-header authentication rather than OAuth, then enter Authorization and the value above.
3. 3.Replit discovers the tools once the server is saved.

{
  "mcpServers": {
    "portform": {
      "type": "http",
      "url": "https://app.portform.co/api/v1/mcp",
      "headers": {
        "Authorization": "Bearer $COPILOT_MCP_PORTFORM_TOKEN"
      },
      "tools": [
        "*"
      ]
    }
  }
}

1. 1.Add the token as an Actions secret named COPILOT_MCP_PORTFORM_TOKEN. Only names starting with COPILOT_MCP_ reach the agent.
2. 2.Then paste this into Settings → Copilot → MCP servers → MCP configuration, and save.
3. 3.Both steps need repository admin access.

Needs repository admin access, and the token has to be stored as a COPILOT_MCP_ secret.

Bolt’s custom MCP settings only offer an OAuth client id and secret — there is no field for an Authorization header, so it cannot present a PortForm token. Copy the prompt instead.