<div align="center"> <img src="docs/public/logo.svg" alt="MCP Server Tauri" width="120" height="120" />

MCP Server Tauri

Give your AI assistant superpowers for Tauri development

Documentation Getting Started Available Tools

</div>

---

A Model Context Protocol (MCP) server that enables AI assistants like Claude, Cursor, and Windsurf to build, test, and debug Tauri v2 applications. Screenshots, DOM state, and console logs from your running app give the AI rich context to understand what's happeningand tools to interact with it.

Features

---

Disclaimer: This MCP was developed using agentic coding tools. It may contain bugs.

Quick Start

Prerequisites

• Node.js 20+ and npm
• Rust and Cargo (for Tauri development)
• Tauri CLI: npm install -g @tauri-apps/cli@next
• For mobile: Xcode (macOS) or Android SDK

1. Add the MCP Bridge Plugin to Your Tauri App

Add to Cargo.toml:

[dependencies]
tauri-plugin-mcp-bridge = "0.1"

Register in src-tauri/src/main.rs:

fn main() {
    tauri::Builder::default()
        .plugin(tauri_plugin_mcp_bridge::init())
        .run(tauri::generate_context!())
        .expect("error while running tauri application");
}

Enable Global Tauri in tauri.conf.json:

{
  "app": {
    "withGlobalTauri": true
  }
}

Required: Without withGlobalTauri, the MCP server cannot interact with your application's webview.

2. Configure Your AI Assistant

<details> <summary><strong>Claude Code</strong></summary>

Use the Claude Code CLI:

claude mcp add tauri npx @hypothesi/tauri-mcp-server

Or manually add to your config (Cmd/Ctrl+Shift+P "MCP: Edit Config"):

{
  "mcpServers": {
    "tauri": {
      "command": "npx",
      "args": ["-y", "@hypothesi/tauri-mcp-server"]
    }
  }
}

</details> <details> <summary><strong>Cursor</strong></summary>

Click to install:

<img src="https://cursor.com/deeplink/mcp-install-dark.svg" alt="Install in Cursor" height="32">

Or manually: Go to Cursor Settings MCP New MCP Server:

{
  "mcpServers": {
    "tauri": {
      "command": "npx",
      "args": ["-y", "@hypothesi/tauri-mcp-server"]
    }
  }
}

</details> <details> <summary><strong>VS Code / Copilot</strong></summary>

Click to install:

<img src="https://img.shields.io/badge/VS_Code-Add_MCP_Server-007ACC?logo=visualstudiocode&logoColor=white" alt="Add Tauri MCP server in VS Code" height="32">

Or via CLI:

code --add-mcp '{"name":"tauri","command":"npx","args":["-y","@hypothesi/tauri-mcp-server"]}'

Or manually add to settings.json:

{
  "mcp.servers": {
    "tauri": {
      "command": "npx",
      "args": ["-y", "@hypothesi/tauri-mcp-server"]
    }
  }
}

</details> <details> <summary><strong>Windsurf</strong></summary>

In the Cascade pane, the "MCPs" icon (it looks like a plug), then click the settings icon in the top right corner.

Or, go to Windsurf Settings Cascade and under the MCP Servers heading click Open MCP Marketplace. Then in the Marketplace, click the gear icon to edit the config.

Add:

{
  "mcpServers": {
    "tauri": {
      "command": "npx",
      "args": ["-y", "@hypothesi/tauri-mcp-server"]
    }
  }
}

</details> <details> <summary><strong>Cline</strong></summary>

Follow the Cline MCP configuration guide and use:

{
  "mcpServers": {
    "tauri": {
      "command": "npx",
      "args": ["-y", "@hypothesi/tauri-mcp-server"]
    }
  }
}

</details>

That's it! Restart your AI assistant and you're ready to build Tauri apps.

Note: See the plugin documentation for advanced configuration options.

---

Slash Commands (Prompts)

The server provides slash commands for guided, multi-step workflows:

Just type the command in your AI assistant to start a guided debugging session.

---

Available Tools

<details> <summary><strong>UI Automation</strong> Screenshots, clicks, typing, and more</summary>