Claude가 Codex의 공식 Chrome 확장 프로그램을 구동하고 Chromium 브라우저를 제어하는 방법

어제는 Claude에게 Codex의 컴퓨터 사용 기능을 활용한 코드를 보여줬는데, 오늘은 여러분을 위해 더 멋진 것을 가져왔습니다.

Claude는 Codex의 공식 Chrome 확장 프로그램도 구동할 수 있으며, 이를 통해 Chromium 브라우저를 아름답게 제어합니다.

모든 과정이 백그라운드에서 이루어지며, 새로운 에이전트가 연결될 때마다 Chrome devtools MCP가 띄우는 "허용(allow)" 팝업도 없습니다.

심지어 여러 개의 브라우저를 처리할 수 있습니다. 확장 프로그램을 설치할 때마다 고유한 인스턴스 ID가 생성되므로, Claude는 어느 것이 어떤 것인지 알 수 있습니다.

저는 Helium을 주력으로 사용하고 업무용으로는 Chrome을 사용하는데, 이제 Claude 코드가 이 두 가지 모두를 사용합니다.

먼저, Codex 앱에 Chrome 플러그인을 설치하고 Chromium 브라우저(또는 여러 개라면 모든 브라우저)에 OpenAI의 ChatGPT 확장 프로그램을 추가하세요.

그런 다음 이것을 Claude에게 전달하세요:

"내 Mac에서 Codex의 Chrome 확장 프로그램 설정을 해줘. 내가 Codex 앱에는 Chrome 플러그인을, 그리고 확장 프로그램도 설치했어. 사용자 MCP "codex-cu"로 Codex의 컴퓨터 사용 MCP 서버를 사용해 줘: 이미 등록되어 있다면 그대로 두고, 그렇지 않다면 ~/.codex/plugins/cache/openai-bundled/unified-computer-use/<최신 버전>/.mcp.json에서 "cua_repl" 항목을 복사해 줘. 브라우저 측에서는 Codex 턴 메타데이터가 없으면 호출을 거부하므로, 모든 tools/call에 _meta["x-codex-turn-metadata"] (세션 ID와 턴 ID를 JSON 문자열로)를 추가하는 작은 stdio 프록시를 앞에 붙여줘. 이 세션의 프록시가 숨겨진 turn_ended 도구를 호출하고 새로운 turn_id를 시작하도록 알리는 Stop hook을 추가해 줘. cua.createBrowserTab(browserId, url)을 사용하여 각 브라우저에 URL로 바로 새 탭을 열어 테스트해 봐. 브라우저는 모두 "Chrome"으로 보고할 수 있으니, 내가 여러 개라면 어떤 테스트 탭이 어느 브라우저에서 나타났는지 물어봐."

여러 개의 브라우저를 가지고 있고 이것이 Claude의 claude.md에 기록되는 것에 동의한다면, 이것도 전달하세요:

"각 브라우저의 이름과 metadata.extensionInstanceId를 내 전역 CLAUDE.md 파일에 작성하고, 해당 ID로 브라우저를 선택하여 URL로 바로 탭을 열도록 메모해 줘."