Skip to content

Commit fc1f328

Browse files
Gustav Louvclaude
andcommitted
fix(site): kommandoen floed ud af sin boks + tjeklisten paa alle fem klienter
To ting. 1) Regressionen fra sidste commit: registrerings-kommandoen er 75 tegn og flyttede ind i et listeelement, hvor boksen kun er ~586px bred. Teksten fylder ~720px, og `.install code` havde kun en wrap-regel under 768px — saa paa desktop floed den ud over kanten. `overflow-wrap: anywhere` + `min-width: 0` paa code, `flex: 0 0 auto` paa knappen saa den ikke klemmes. 2) Platform-wide: kun Claude Code-guiden havde tjeklisten. Nu har alle fem samme fire trin, med klientens egne trin 2 og 3: Codex codex mcp add … -> genstart Codex-session Cursor ~/.cursor/mcp.json -> reload vindue VS Code code --add-mcp … -> MCP: List Servers -> Start, Agent mode ZCode Settings -> MCP Servers -> genstart ZCode Trin 1 og 4 er ens overalt: extension fra store, og "Take a screenshot of my current Chrome tab." som bevis paa at det virker. Dertil pinner ZCode-formularen og Codex' hero-kommando nu ogsaa @latest — de to sad uden for de JSON-blokke der blev rettet tidligere, saa "opdaterer sig selv" gjaldt ikke for dem. VS Codes trin 3 var cirkulaer ("start serveren … det er det der starter serveren") og siger nu hvordan. Intet udgivet: npm staar paa 1.25.0, store-listingen er uroert. Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
1 parent 374e386 commit fc1f328

9 files changed

Lines changed: 146 additions & 51 deletions

File tree

content/browsermcp-docs-install-codex.md

Lines changed: 19 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -2,18 +2,34 @@
22

33
# Install Browser MCP for OpenAI Codex
44

5+
**Give Codex control of your real, already-logged-in Chrome — about 90 seconds, four steps.** Your cookies, your sessions, your 2FA, instead of a blank headless browser that gets blocked on every login wall.
6+
7+
## The whole thing, in four steps
8+
9+
**1 — Install the Chrome extension.** One click from the [Chrome Web Store](https://chromewebstore.google.com/detail/agent360-browser-mcp/jdehgalffmffhfhmmhaokfbfnafnmgcl); Chrome keeps it updated. No store? The unpacked install is further down.
10+
11+
**2 — Add the MCP server to Codex.** Paste this in a terminal. Required — the extension does nothing on its own:
12+
513
```bash
6-
codex mcp add browser-mcp -- npx @agent360/browser-mcp
14+
codex mcp add browser-mcp -- npx @agent360/browser-mcp@latest
715
```
816

9-
Run that in your terminal, load the Chrome extension once (Step 2 below), and Codex can drive your real, logged-in Chrome — your cookies, your sessions, your 2FA — instead of a blank headless browser that gets blocked on every login wall.
17+
**3 — Restart your Codex session.** That is what starts the server. The extension icon turns green.
18+
19+
**4 — Say this, to check it worked.** Paste it to Codex:
20+
21+
> Take a screenshot of my current Chrome tab.
22+
23+
You get an image back instead of *"I don't have browser access"*. **That's it — you're running.**[What else to say](#now-what-things-to-actually-say)
24+
25+
Everything below is the long version.
1026

1127
## Install — 3 steps (~90 seconds)
1228

1329
### Step 1: Add the MCP server to Codex
1430

1531
```bash
16-
codex mcp add browser-mcp -- npx @agent360/browser-mcp
32+
codex mcp add browser-mcp -- npx @agent360/browser-mcp@latest
1733
```
1834

1935
This writes a `[mcp_servers.browser-mcp]` entry to `~/.codex/config.toml` (Codex's own config command does the writing — you don't touch the file by hand). If you'd rather edit it yourself, the entry looks like this:

content/browsermcp-docs-install-cursor.md

Lines changed: 28 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,34 @@
22

33
# Add Browser MCP to Cursor
44

5-
**Give Cursor's agent control of your real, already-logged-in Chrome — install takes about 60 seconds.**
5+
**Give Cursor's agent control of your real, already-logged-in Chrome — about 60 seconds, four steps.**
6+
7+
## The whole thing, in four steps
8+
9+
**1 — Install the Chrome extension.** One click from the [Chrome Web Store](https://chromewebstore.google.com/detail/agent360-browser-mcp/jdehgalffmffhfhmmhaokfbfnafnmgcl); Chrome keeps it updated. No store? The unpacked install is further down.
10+
11+
**2 — Point Cursor at the MCP server.** Cursor does not read other clients' configs, so add this to `~/.cursor/mcp.json` (global) or `.cursor/mcp.json` in one project. Required — the extension does nothing on its own:
12+
13+
```json
14+
{
15+
"mcpServers": {
16+
"browser-mcp": {
17+
"command": "npx",
18+
"args": ["@agent360/browser-mcp@latest"]
19+
}
20+
}
21+
}
22+
```
23+
24+
**3 — Reload the Cursor window.** That is what starts the server. The extension icon turns green.
25+
26+
**4 — Say this, to check it worked.** Paste it to Cursor's agent:
27+
28+
> Take a screenshot of my current Chrome tab.
29+
30+
You get an image back instead of *"I don't have browser access"*. **That's it — you're running.**[What else to say](#now-what-things-to-actually-say)
31+
32+
Everything below is the long version.
633

734
```json
835
{

content/browsermcp-docs-install-vscode.md

Lines changed: 16 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -4,17 +4,27 @@
44

55
**Give VS Code's Copilot agent mode control of your real, already-logged-in Chrome — install takes about 90 seconds.**
66

7-
```bash
8-
# 1. One-time: installs the Chrome extension files
9-
npx @agent360/browser-mcp install
7+
**Give VS Code's Copilot agent mode control of your real, already-logged-in Chrome — about 90 seconds, four steps.** 34 browser tools, your actual cookies and sessions, works on 2FA and CAPTCHA-gated sites where headless tools (Playwright, Puppeteer) get blocked. MIT-licensed, free, and 100% local — nothing leaves your machine.
8+
9+
## The whole thing, in four steps
10+
11+
**1 — Install the Chrome extension.** One click from the [Chrome Web Store](https://chromewebstore.google.com/detail/agent360-browser-mcp/jdehgalffmffhfhmmhaokfbfnafnmgcl); Chrome keeps it updated. No store? The unpacked install is further down.
12+
13+
**2 — Register the MCP server with VS Code.** Paste this in a terminal. Required — the extension does nothing on its own:
1014

11-
# 2. Registers the server with VS Code (user profile, works in every window)
15+
```bash
1216
code --add-mcp "{\"name\":\"browser-mcp\",\"command\":\"npx\",\"args\":[\"@agent360/browser-mcp@latest\"]}"
1317
```
1418

15-
Run those two, load the extension once in Chrome, switch Copilot Chat to **Agent** mode — done. 34 browser tools, your actual cookies and sessions, works on 2FA and CAPTCHA-gated sites where headless tools (Playwright, Puppeteer) get blocked. MIT-licensed, free, and 100% local — nothing leaves your machine.
19+
**3 — Start the server, then switch Copilot Chat to Agent mode.** Command Palette → **MCP: List Servers****Start**, then set the chat mode dropdown to **Agent** (MCP tools only run there). The extension icon turns green.
20+
21+
**4 — Say this, to check it worked.** Paste it to Copilot Chat:
22+
23+
> Take a screenshot of my current Chrome tab.
24+
25+
You get an image back instead of *"I don't have browser access"*. **That's it — you're running.**[What else to say](#now-what-things-to-actually-say)
1626

17-
If you want the full walkthrough, keep reading. If you just needed the commands, that's it above.
27+
Everything below is the long version.
1828

1929
---
2030

content/browsermcp-docs-install-zcode.md

Lines changed: 15 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -4,15 +4,23 @@
44

55
**Give your ZCode agent control of your real, already-logged-in Chrome — install takes about 90 seconds.**
66

7-
```bash
8-
npx @agent360/browser-mcp install
9-
```
7+
**Give your ZCode agent control of your real, already-logged-in Chrome — about 90 seconds, four steps.** 34 browser tools, your actual cookies and sessions, works on 2FA and CAPTCHA-gated sites where headless tools (Playwright, Puppeteer) get blocked. MIT-licensed, free, and 100% local — nothing leaves your machine.
8+
9+
## The whole thing, in four steps
10+
11+
**1 — Install the Chrome extension.** One click from the [Chrome Web Store](https://chromewebstore.google.com/detail/agent360-browser-mcp/jdehgalffmffhfhmmhaokfbfnafnmgcl); Chrome keeps it updated. No store? The unpacked install is further down.
1012

11-
Then in ZCode: **Settings → MCP Servers → New MCP Server**, set type `stdio`, command `npx`, argument `@agent360/browser-mcp` (full form fields and a paste-in JSON block below).
13+
**2 — Add the MCP server in ZCode.** **Settings → MCP Servers → New MCP Server** — scope `User`, name `browser-mcp`, type `stdio`, command `npx`, argument `@agent360/browser-mcp@latest`. Required — the extension does nothing on its own.
14+
15+
**3 — Restart ZCode.** That is what starts the server. The extension icon turns green.
16+
17+
**4 — Say this, to check it worked.** Paste it to your ZCode agent:
18+
19+
> Take a screenshot of my current Chrome tab.
1220
13-
Load the extension once in Chrome, and you're driving your actual cookies and sessions — including sites gated by 2FA and CAPTCHA that block headless tools like Playwright and Puppeteer outright. 34 browser tools, MIT-licensed, free, and 100% local — nothing leaves your machine.
21+
You get an image back instead of *"I don't have browser access"*. **That's it — you're running.**[What else to say](#now-what-things-to-actually-say)
1422

15-
If you want the full walkthrough, keep reading. If you just needed the command, that's it above.
23+
Everything below is the long version.
1624

1725
---
1826

@@ -38,7 +46,7 @@ Open ZCode → **Settings → MCP Servers → New MCP Server** (top-right corner
3846
| Name | `browser-mcp` |
3947
| Type | `stdio` (leave HTTP/SSE alone — Browser MCP runs locally over stdio, it's not a remote service) |
4048
| Command | `npx` |
41-
| Arguments | `@agent360/browser-mcp` |
49+
| Arguments | `@agent360/browser-mcp@latest` |
4250
| Environment variables | none — leave empty, no API key required |
4351

4452
**Or Full configuration mode** — paste this JSON directly instead of filling the form:

docs/docs/install-codex/index.html

Lines changed: 15 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -2,28 +2,36 @@
22
<meta charset="utf-8">
33
<meta name="viewport" content="width=device-width,initial-scale=1">
44
<title>Install Browser MCP for OpenAI Codex &middot; Browser MCP</title>
5-
<meta name="description" content="Run that in your terminal, load the Chrome extension once (Step 2 below), and Codex can drive your real, logged-in Chrome — your cookies, your…">
5+
<meta name="description" content="You get an image back instead of &quot;I don&#x27;t have browser access&quot;. That&#x27;s it — you&#x27;re running. → What else to say">
66
<link rel="canonical" href="https://browsermcp.dev/docs/install-codex/">
77
<link rel="icon" type="image/svg+xml" href="/logo.svg"><link rel="icon" type="image/x-icon" href="/favicon.ico">
88
<meta property="og:type" content="article"><meta property="og:site_name" content="Browser MCP">
99
<meta property="og:title" content="Install Browser MCP for OpenAI Codex">
10-
<meta property="og:description" content="Run that in your terminal, load the Chrome extension once (Step 2 below), and Codex can drive your real, logged-in Chrome — your cookies, your…">
10+
<meta property="og:description" content="You get an image back instead of &quot;I don&#x27;t have browser access&quot;. That&#x27;s it — you&#x27;re running. → What else to say">
1111
<meta property="og:url" content="https://browsermcp.dev/docs/install-codex/">
1212
<meta property="og:image" content="https://browsermcp.dev/og-image.jpg"><meta property="og:image:width" content="1200"><meta property="og:image:height" content="630">
1313
<meta name="twitter:card" content="summary_large_image">
1414
<meta name="twitter:title" content="Install Browser MCP for OpenAI Codex">
15-
<meta name="twitter:description" content="Run that in your terminal, load the Chrome extension once (Step 2 below), and Codex can drive your real, logged-in Chrome — your cookies, your…">
15+
<meta name="twitter:description" content="You get an image back instead of &quot;I don&#x27;t have browser access&quot;. That&#x27;s it — you&#x27;re running. → What else to say">
1616
<meta name="twitter:image" content="https://browsermcp.dev/og-image.jpg">
1717
<link rel="stylesheet" href="/assets/docs.css">
1818
<script type="application/ld+json">{"@context": "https://schema.org", "@type": "BreadcrumbList", "itemListElement": [{"@type": "ListItem", "position": 1, "name": "Home", "item": "https://browsermcp.dev/"}, {"@type": "ListItem", "position": 2, "name": "Docs", "item": "https://browsermcp.dev/docs/install-claude-code/"}, {"@type": "ListItem", "position": 3, "name": "Install Browser MCP for OpenAI Codex", "item": "https://browsermcp.dev/docs/install-codex/"}]}</script>
19-
<script type="application/ld+json">{"@context": "https://schema.org", "@type": "TechArticle", "headline": "Install Browser MCP for OpenAI Codex", "description": "Run that in your terminal, load the Chrome extension once (Step 2 below), and Codex can drive your real, logged-in Chrome — your cookies, your…", "url": "https://browsermcp.dev/docs/install-codex/", "author": {"@type": "Organization", "name": "Agent360", "url": "https://agent360.dk"}, "publisher": {"@type": "Organization", "name": "Agent360", "url": "https://agent360.dk"}, "about": {"@type": "SoftwareApplication", "name": "Browser MCP", "applicationCategory": "DeveloperApplication", "operatingSystem": "Chrome", "offers": {"@type": "Offer", "price": "0", "priceCurrency": "USD"}}}</script>
19+
<script type="application/ld+json">{"@context": "https://schema.org", "@type": "TechArticle", "headline": "Install Browser MCP for OpenAI Codex", "description": "You get an image back instead of \"I don't have browser access\". That's it — you're running. → What else to say", "url": "https://browsermcp.dev/docs/install-codex/", "author": {"@type": "Organization", "name": "Agent360", "url": "https://agent360.dk"}, "publisher": {"@type": "Organization", "name": "Agent360", "url": "https://agent360.dk"}, "about": {"@type": "SoftwareApplication", "name": "Browser MCP", "applicationCategory": "DeveloperApplication", "operatingSystem": "Chrome", "offers": {"@type": "Offer", "price": "0", "priceCurrency": "USD"}}}</script>
2020
<script type="application/ld+json">{"@context": "https://schema.org", "@type": "FAQPage", "mainEntity": [{"@type": "Question", "name": "Is this an official OpenAI integration?", "acceptedAnswer": {"@type": "Answer", "text": "No — Browser MCP is an independent, open-source MCP server built by Agent360. It works with Codex because Codex speaks the standard Model Context Protocol, not because of any special partnership."}}, {"@type": "Question", "name": "Do I need Claude Code installed to use this with Codex?", "acceptedAnswer": {"@type": "Answer", "text": "No. codex mcp add writes straight to Codex's own ~/.codex/config.toml — nothing about this path touches Claude Code at all."}}, {"@type": "Question", "name": "Is my browsing data safe? What does the extension see?", "acceptedAnswer": {"@type": "Answer", "text": "Everything stays local. The extension talks to an MCP server on 127.0.0.1 on your own machine — nothing is sent to any external server, no telemetry, no analytics. Cookies and tokens are only pulled when your agent explicitly asks for them, one call at a time. Source is open and auditable on GitHub."}}, {"@type": "Question", "name": "How does CAPTCHA assistance actually work?", "acceptedAnswer": {"@type": "Answer", "text": "Three layers: (1) auto-detect and click reCAPTCHA/hCaptcha/Turnstile checkboxes, (2) AI-vision-guided grid solving for image challenges, (3) browser_ask_user shows you the challenge to solve by hand if the first two miss — then the agent continues. Nothing is routed through a third-party CAPTCHA-solving service. We publish no solve-rate figure - we haven't benchmarked it rigorously enough to stand behind one."}}, {"@type": "Question", "name": "Is it really free?", "acceptedAnswer": {"@type": "Answer", "text": "Yes — MIT-licensed, open source, no paywall, no account, no API key. Built by Agent360 as part of its developer-tools work."}}, {"@type": "Question", "name": "How do I remove it?", "acceptedAnswer": {"@type": "Answer", "text": "codex mcp remove browser-mcp drops the entry from config.toml, then remove the extension from chrome://extensions. There's no global npm install to clean up — npx runs the server directly each time, it's never installed persistently."}}, {"@type": "Question", "name": "What if I already have Browser MCP set up for Claude Code?", "acceptedAnswer": {"@type": "Answer", "text": "The Chrome extension is shared — you only load it once, regardless of how many MCP clients point at it. You just need one more codex mcp add (or manual config.toml entry) so Codex knows about the same local server. --- by Agent360 · MIT License · GitHub · npm"}}]}</script>
2121
</head><body><div class="top"><div class="top-in"><a class="logo" href="/" style="color:inherit"><span class="m">&#10022;</span> Browser MCP</a><a class="star" href="https://github.com/Agent360dk/browser-mcp" style="color:inherit;text-decoration:none">GitHub &#8599;</a></div></div><div class="shell"><nav class="side"><div class="grp">Docs</div><a href="/docs/install-claude-code/">Claude Code</a><a href="/docs/install-codex/" class="active">Codex</a><a href="/docs/install-cursor/">Cursor</a><a href="/docs/install-vscode/">VS Code</a><a href="/docs/install-zcode/">ZCode</a><a href="/docs/what-is-browser-mcp/">What is Browser MCP</a><a href="/docs/tools/">Tools</a><a href="/docs/uninstall/">Uninstall & data</a><a href="/docs/when-not-to-use/">When NOT to use</a><a href="/docs/troubleshooting/">Troubleshooting</a><div class="grp">Compare</div><a href="/compare/browsermcp-io/">vs browsermcp.io</a><a href="/compare/playwright-mcp/">vs Playwright MCP</a><a href="/compare/browser-automation-mcp-servers/">All servers compared</a><a href="/compare/mcp-chrome/">vs mcp-chrome</a><div class="grp">Use cases</div><a href="/use-cases/read-2fa-from-gmail/">Read a 2FA code from Gmail</a><a href="/use-cases/concurrent-sessions/">Concurrent sessions</a><div class="grp">Learn</div><a href="/learn/model-context-protocol/">Model Context Protocol</a><a href="/learn/what-is-an-mcp-server/">What is an MCP server</a><a href="/learn/check-if-ai-mentions-your-brand/">Check if AI mentions you</a><a href="/learn/browser-automation-react-forms/">Automating React forms</a></nav><main class="content"><h1 id="install-browser-mcp-for-openai-codex">Install Browser MCP for OpenAI Codex</h1>
22-
<div class="code"><pre>codex mcp add browser-mcp -- npx @agent360/browser-mcp</pre><button class="copy">Copy</button></div>
23-
<p>Run that in your terminal, load the Chrome extension once (Step 2 below), and Codex can drive your real, logged-in Chrome — your cookies, your sessions, your 2FA — instead of a blank headless browser that gets blocked on every login wall.</p>
22+
<p><b>Give Codex control of your real, already-logged-in Chrome — about 90 seconds, four steps.</b> Your cookies, your sessions, your 2FA, instead of a blank headless browser that gets blocked on every login wall.</p>
23+
<h2 id="the-whole-thing-in-four-steps">The whole thing, in four steps</h2>
24+
<p><b>1 — Install the Chrome extension.</b> One click from the <a href="https://chromewebstore.google.com/detail/agent360-browser-mcp/jdehgalffmffhfhmmhaokfbfnafnmgcl">Chrome Web Store</a>; Chrome keeps it updated. No store? The unpacked install is further down.</p>
25+
<p><b>2 — Add the MCP server to Codex.</b> Paste this in a terminal. Required — the extension does nothing on its own:</p>
26+
<div class="code"><pre>codex mcp add browser-mcp -- npx @agent360/browser-mcp@latest</pre><button class="copy">Copy</button></div>
27+
<p><b>3 — Restart your Codex session.</b> That is what starts the server. The extension icon turns green.</p>
28+
<p><b>4 — Say this, to check it worked.</b> Paste it to Codex:</p>
29+
<blockquote>Take a screenshot of my current Chrome tab.</blockquote>
30+
<p>You get an image back instead of <i>"I don't have browser access"</i>. <b>That's it — you're running.</b><a href="#now-what-things-to-actually-say">What else to say</a></p>
31+
<p>Everything below is the long version.</p>
2432
<h2 id="install-3-steps-90-seconds">Install — 3 steps (~90 seconds)</h2>
2533
<h3 id="step-1-add-the-mcp-server-to-codex">Step 1: Add the MCP server to Codex</h3>
26-
<div class="code"><pre>codex mcp add browser-mcp -- npx @agent360/browser-mcp</pre><button class="copy">Copy</button></div>
34+
<div class="code"><pre>codex mcp add browser-mcp -- npx @agent360/browser-mcp@latest</pre><button class="copy">Copy</button></div>
2735
<p>This writes a <code>[mcp_servers.browser-mcp]</code> entry to <code>~/.codex/config.toml</code> (Codex's own config command does the writing — you don't touch the file by hand). If you'd rather edit it yourself, the entry looks like this:</p>
2836
<div class="code"><pre>[mcp_servers.browser-mcp]
2937
command = &quot;npx&quot;

0 commit comments

Comments
 (0)