native-devtools-mcp 0.2.1 → 0.2.2

package/README.md

@@ -0,0 +1,183 @@
+# native-devtools-mcp
+
+<div align="center">
+
+![Version](https://img.shields.io/npm/v/native-devtools-mcp?style=flat-square)
+![License](https://img.shields.io/npm/l/native-devtools-mcp?style=flat-square)
+![Platform](https://img.shields.io/badge/platform-macOS%20%7C%20Windows-blue?style=flat-square)
+![Downloads](https://img.shields.io/npm/dt/native-devtools-mcp?style=flat-square)
+
+**Give your AI agent "eyes" and "hands" for native desktop applications.**
+
+A Model Context Protocol (MCP) server that provides **Computer Use** capabilities: screenshots, OCR, input simulation, and window management.
+
+[Features](#features) • [Installation](#installation) • [For AI Agents](#for-ai-agents-llms) • [Permissions](#required-permissions-macos)
+
+![Demo](demo.gif)
+
+</div>
+
+---
+
+## 🚀 Features
+
+- **👀 Computer Vision:** Capture screenshots of screens, windows, or specific regions. Includes built-in OCR (text recognition) to "read" the screen.
+- **🖱️ Input Simulation:** Click, drag, scroll, and type text naturally. Supports global coordinates and window-relative actions.
+- **🪟 Window Management:** List open windows, find applications, and bring them to focus.
+- **🔒 Local & Private:** 100% local execution. No screenshots or data are ever sent to external servers.
+- **🔌 Dual-Mode Interaction:**
+    1.  **Visual/Native:** Works with *any* app via screenshots & coordinates (Universal).
+    2.  **AppDebugKit:** Deep integration for supported apps to inspect the UI tree (DOM-like structure).
+
+## 🤖 For AI Agents (LLMs)
+
+This MCP server is designed to be **highly discoverable and usable** by AI models (Claude, Gemini, GPT).
+
+- **[📄 Read `agents.md`](./agents.md):** A compact, token-optimized technical reference designed specifically for ingestion by LLMs. It contains intent definitions, schema examples, and reasoning patterns.
+
+**Core Capabilities for System Prompts:**
+1.  `take_screenshot`: The "eyes". Returns images + layout metadata + text locations (OCR).
+2.  `click` / `type_text`: The "hands". Interacts with the system based on visual feedback.
+3.  `find_text`: A shortcut to find text on screen and get its coordinates immediately.
+
+## 📦 Installation
+
+### Option 1: Run with `npx` (No install needed)
+
+The easiest way to use this with Claude Desktop or other MCP clients.
+
+```bash
+npx -y native-devtools-mcp
+```
+
+### Option 2: Global Install
+
+```bash
+npm install -g native-devtools-mcp
+```
+
+### Option 3: Build from Source (Rust)
+
+<details>
+<summary>Click to expand build instructions</summary>
+
+```bash
+git clone https://github.com/sh3ll3x3c/native-devtools-mcp
+cd native-devtools-mcp
+cargo build --release
+# Binary: ./target/release/native-devtools-mcp
+```
+</details>
+
+## ⚙️ Configuration
+
+Add this to your **Claude Desktop** configuration file:
+
+**macOS:** `~/Library/Application Support/Claude/claude_desktop_config.json`
+**Windows:** `%APPDATA%\Claude\claude_desktop_config.json`
+
+```json
+{
+  "mcpServers": {
+    "native-devtools": {
+      "command": "npx",
+      "args": ["-y", "native-devtools-mcp"]
+    }
+  }
+}
+```
+
+> **Note:** Requires Node.js 18+ installed.
+
+### For Claude Code (CLI) Users
+
+To avoid approving every single tool call (clicks, screenshots), you can add this wildcard permission to your project's settings or global config:
+
+**File:** `.claude/settings.local.json` (or similar)
+
+```json
+{
+  "permissions": {
+    "allow": ["mcp__native-devtools__*"]
+  }
+}
+```
+
+## 🔍 Two Approaches to Interaction
+
+We provide two ways for agents to interact, allowing them to choose the best tool for the job.
+
+### 1. The "Visual" Approach (Universal)
+**Best for:** 99% of apps (Electron, Qt, Games, Browsers).
+*   **How it works:** The agent takes a screenshot, analyzes it visually (or uses OCR), and clicks at coordinates.
+*   **Tools:** `take_screenshot`, `find_text`, `click`, `type_text`.
+*   **Example:** "Click the button that looks like a gear icon."
+
+### 2. The "Structural" Approach (AppDebugKit)
+**Best for:** Apps specifically instrumented with our AppDebugKit library (mostly for developers testing their own apps).
+*   **How it works:** The agent connects to a debug port and queries the UI tree (like HTML DOM).
+*   **Tools:** `app_connect`, `app_query`, `app_click`.
+*   **Example:** `app_click(element_id="submit-button")`.
+
+## 🏗️ Architecture
+
+```mermaid
+graph TD
+    Client[Claude / LLM Client] <-->|JSON-RPC 2.0| Server[native-devtools-mcp]
+    Server -->|Direct API| Sys[System APIs]
+    Server -->|WebSocket| Debug[AppDebugKit]
+
+    subgraph "Your Machine"
+        Sys -->|Screen/OCR| macOS[CoreGraphics / Vision]
+        Sys -->|Input| Win[Win32 / SendInput]
+        Debug -.->|Inspect| App[Target App]
+    end
+```
+
+<details>
+<summary><strong>🔧 Technical Details (Under the Hood)</strong></summary>
+
+| OS | Feature | API Used |
+|----|---------|----------|
+| **macOS** | Screenshots | `screencapture` (CLI) |
+| | Input | `CGEvent` (CoreGraphics) |
+| | OCR | `VNRecognizeTextRequest` (Vision Framework) |
+| **Windows** | Screenshots | `BitBlt` (GDI) |
+| | Input | `SendInput` (Win32) |
+| | OCR | `Windows.Media.Ocr` (WinRT) |
+
+</details>
+
+## 🛡️ Privacy, Safety & Best Practices
+
+### 🔒 Privacy First
+*   **100% Local:** All processing (screenshots, OCR, logic) happens on your device.
+*   **No Cloud:** Images are never uploaded to any third-party server by this tool.
+*   **Open Source:** You can inspect the code to verify exactly what it does.
+
+### ⚠️ Operational Safety
+*   **Hands Off:** When the agent is "driving" (clicking/typing), **do not move your mouse or type**.
+    *   *Why?* Real hardware inputs can conflict with the simulated ones, causing clicks to land in the wrong place.
+*   **Focus Matters:** Ensure the window you want the agent to use is visible. If a popup steals focus, the agent might type into the wrong window unless it checks first.
+
+## 🔐 Required Permissions (macOS)
+
+On macOS, you must grant permissions to the **host application** (e.g., Terminal, VS Code, Claude Desktop) to allow screen recording and input control.
+
+1.  **Screen Recording:** Required for `take_screenshot`.
+    *   *System Settings > Privacy & Security > Screen Recording*
+2.  **Accessibility:** Required for `click`, `type_text`, `scroll`.
+    *   *System Settings > Privacy & Security > Accessibility*
+
+> **Restart Required:** After granting permissions, you must fully quit and restart the host application.
+
+## 🪟 Windows Support
+
+Works out of the box on **Windows 10/11**.
+*   Uses standard Win32 APIs (GDI, SendInput).
+*   OCR uses the built-in Windows Media OCR engine (offline).
+*   **Note:** Cannot interact with "Run as Administrator" windows unless the MCP server itself is also running as Administrator.
+
+## 📜 License
+
+MIT © [sh3ll3x3c](https://github.com/sh3ll3x3c)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "native-devtools-mcp",
-  "version": "0.2.1",
+  "version": "0.2.2",
   "description": "MCP server for testing native desktop applications",
   "license": "MIT",
   "repository": {
@@ -25,8 +25,8 @@
     "bin"
   ],
   "optionalDependencies": {
-    "@sh3ll3x3c/native-devtools-mcp-darwin-arm64": "0.2.1",
-    "@sh3ll3x3c/native-devtools-mcp-win32-x64": "0.2.1"
+    "@sh3ll3x3c/native-devtools-mcp-darwin-arm64": "0.2.2",
+    "@sh3ll3x3c/native-devtools-mcp-win32-x64": "0.2.2"
   },
   "engines": {
     "node": ">=18"