Js-Injection

JavaScript & CSS Injection Extension + AI MCP Bridge for Chromium Browsers (Chrome, Whale, Edge)

---

✨ Overview

Js-Injection is a powerful Chrome / Naver Whale extension that automatically injects JavaScript and CSS styles into any website. It also acts as an AI Model Context Protocol (MCP) Bridge, allowing Claude Desktop, Antigravity, or Cursor AI agents to automate your browser and manage injection rules via AI prompts.

---

🚀 Key Features

Feature	Description
🤖 MCP Protocol Bridge	Connects to Claude Desktop / IDE AI agents via WebSocket for browser automation
🔘 Master Switch & Toggles	One-click global disable/enable + per-rule toggle controls
⚡ Live CSS Sync	Real-time 0.1s CSS live reload on active tabs without page refresh
🔓 Unlock Right Click	Bypasses contextmenu / copy / selection restrictions automatically or via 1-Click button
🌐 i18n Multi-Language	Full Korean (한국어) and English support with instant toggle
📚 CDN Library Presets	One-click injection of jQuery (3.x/2.x/1.x), Lodash, Axios, Day.js, Tailwind CSS
🖥️ Options Dashboard	Wide 1280px responsive dashboard layout for easy management
🔄 3-Way Realtime Sync	Automatic instant sync across Popup, Side Panel, and Options Page

---

🤖 MCP Integration Setup (for AI Agents)

Add js-injection-mcp to your claude_desktop_config.json or mcp.json:

{
  "mcpServers": {
    "js-injection": {
      "command": "npx",
      "args": ["-y", "js-injection-mcp"]
    }
  }
}

Or run directly from local repository:

node /path/to/Js-Injection/mcp-server.js

---

📜 Version History (변경 이력)

버전별 변경 사항은 GitHub Releases에서 확인할 수 있다. 태그를 push하면 릴리스가 자동으로 만들어진다.

---

🛠️ Build & Install

# Install dependencies
npm install

# Build extension
npm run build

Load the dist/ folder into Chrome / Whale via chrome://extensions (Developer mode).

---

🔒 Privacy Policy

Js-Injection strictly values user privacy and does NOT collect, track, or transmit any personal data to external servers.
For full details, please refer to the PRIVACY_POLICY.md document.