📁 Subsystem Deep Dive

utils/claudeInChrome/

📁 utils/claudeInChrome/ 📄 7 files

Tutorial: claudeInChrome

This project acts as a secure bridge between the Claude AI model and a local Chrome browser. It utilizes the Model Context Protocol (MCP) and a Native Messaging Host to allow the AI to perform web automation tasks—such as navigating URLs, clicking elements, and managing tabs—directly from the command line, while handling cross-platform complexities and security permissions.

flowchart TD A0["MCP Server Context"] A1["Native Messaging Host"] A2["Browser Discovery & Configuration"] A3["Installation & Manifest Registration"] A4["AI System Instructions"] A5["Tool UI Rendering"] A3 -->|"Queries browser paths"| A2 A3 -->|"Retrieves system prompt"| A4 A3 -->|"Installs manifest for"| A1 A3 -->|"Configures execution of"| A0 A0 -->|"Uses socket paths"| A2 A1 -->|"Uses socket paths"| A2 A5 -->|"Tracks tab state"| A2

Chapters

  1. MCP Server Context
  2. AI System Instructions
  3. Native Messaging Host
  4. Installation & Manifest Registration
  5. Browser Discovery & Configuration
  6. Tool UI Rendering

Generated by Code IQ

Files in this section

01_mcp_server_context.md
Chapter 1: MCP Server Context
Welcome to the Claude in Chrome project! If you are new here, don't worry—we are going to build this understanding bloc…
02_ai_system_instructions.md
Chapter 2: AI System Instructions
Welcome back! In the previous chapter, MCP Server Context, we built the "brain" and the "ears" of our server. We establ…
03_native_messaging_host.md
Chapter 3: Native Messaging Host
Welcome to Chapter 3! In the previous chapter, AI System Instructions, we wrote the "Employee Handbook" that teaches Cl…
04_installation___manifest_registration.md
Chapter 4: Installation & Manifest Registration
Welcome back! In the previous chapter, Native Messaging Host, we built a "Translator" program that speaks Chrome's spec…
05_browser_discovery___configuration.md
Chapter 5: Browser Discovery & Configuration
Welcome to Chapter 5! In the previous chapter, Installation & Manifest Registration, we created a "Security Badge" (the…
06_tool_ui_rendering.md
Chapter 6: Tool UI Rendering
Welcome to the final chapter! In the previous chapter, Browser Discovery & Configuration, we built the "Universal Trave…