zohoshow-mcp

MCP server that connects AI assistants (Claude, Copilot, Cursor) to your live Zoho Show editor. Add slides, insert shapes, format text — all through natural language.

Setup

1. Add to your AI app config

Claude Desktop (~/Library/Application Support/Claude/claude_desktop_config.json):

{
  "mcpServers": {
    "zoho-show": {
      "command": "npx",
      "args": ["-y", "zohoshow-mcp"]
    }
  }
}

VS Code Copilot (.vscode/mcp.json):

{
  "servers": {
    "zoho-show": {
      "command": "npx",
      "args": ["-y", "zohoshow-mcp"]
    }
  }
}

Cursor (.cursor/mcp.json):

{
  "mcpServers": {
    "zoho-show": {
      "command": "npx",
      "args": ["-y", "zohoshow-mcp"]
    }
  }
}

2. Connect your browser

Open Zoho Show in Chrome → Press F12 → Console → paste the bridge script → click Connect in the panel that appears.

3. Talk to your AI

"Add a blank slide"
"Insert a rectangle shape"
"Make the title text bold and 24pt"
"What slides are in this presentation?"

Available Tools

| Tool | Description | |------|-------------| | get_slides | List all slides with titles and element counts | | get_current_slide | Get full details of the active slide and all its elements | | get_selection | Get currently selected elements and their properties | | add_slide | Add a new slide (blank, title, titleAndContent, section, etc.) | | insert_shape | Insert a shape (rectangle, ellipse, triangle, arrow, star, diamond, cloud) | | set_text | Set text content on the selected element | | format_text | Bold, italic, font size, font color on selected text | | delete_selected | Delete selected elements | | run_action | Run any of Zoho Show's 100+ internal editor actions | | get_available_actions | Discover all action categories and their actions |

Browser Script

Paste this in your browser's DevTools console while Zoho Show is open:

// Full script at: https://github.com/nicetechnologies/zohoshow-mcp/blob/main/console-script.js
// Or copy from the console-script.js file in this package's source repository.

The script adds a small dark panel at the bottom of the screen with:

• Connect/Disconnect button — establishes WebSocket connection to the MCP bridge
• Status dot — green = connected, red = disconnected
• Live log — shows every tool call and its result in real-time

How It Works

AI App (Claude/Copilot) ──stdio MCP──► zohoshow-mcp ──WebSocket──► Browser
                                        (port 9712)                    │
                                                                       ▼
                                                               Zoho Show Editor
                                                               (ActionsHandler)

1. Your AI app spawns zohoshow-mcp as a child process (via the config above)
2. The MCP server opens a WebSocket on localhost:9712
3. The browser script connects to that WebSocket
4. AI sends tool calls → server relays to browser → browser executes against the live editor → result flows back

Requirements

• Node.js 18+ (for the MCP server)
• A Chromium-based browser (for the console script)
• Zoho Show editor open in a tab

Zero Dependencies

This package uses only Node.js built-in modules (http, crypto). No node_modules needed.

Configuration

| Environment Variable | Default | Description | |---------------------|---------|-------------| | ZS_MCP_PORT | 9712 | WebSocket port for browser connection |

License

MIT