Ui.Vision

Descrizione

Connects MCP clients such as Claude Code, Claude Desktop and Cursor to the Ui.Vision browser extension. An assistant can inspect a page, create or edit a macro, run it, and check the result using logs and screenshots. Macros can also use OCR and image recognition to automate things HTML selectors cannot reach.

Runs locally over stdio through the uivision-mcp-bridge npm package, which talks to the extension over a local WebSocket. The Ui.Vision extension must be installed and the MCP bridge enabled in its settings. Desktop automation needs the additional Ui.Vision desktop components (XModules). Node.js and npm are required.

Cosa puoi fare

• Inspect web pages from an assistant
• Create and edit reusable macros
• Run macros in your existing browser session
• Read logs and screenshots to debug failures
• Use OCR and image matching to locate on-screen items
• Automate desktop apps with mouse and keyboard input

Tool

I server locali mostrano i loro tool solo quando sono in esecuzione, e questo non pubblica l’elenco in anticipo. Il tuo client li mostra dopo che lo hai aggiunto.

Prompt di esempio

• Use Ui.Vision to open example.com, read the page heading, and save a macro for it.

• Run my login macro and tell me why it failed using the logs.

• Create a macro that extracts the table on this page to a CSV file.

• Find the Submit button by image and click it on the desktop app.

Configurazione

Ogni client avvia Ui.Vision sul tuo computer con lo stesso comando. Scegli il tuo; la pagina ricorda la tua scelta.

claude mcp add --transport stdio ui-vision -- npx -y uivision-mcp-bridge

{
  "mcpServers": {
    "ui-vision": {
      "command": "npx",
      "args": [
        "-y",
        "uivision-mcp-bridge"
      ]
    }
  }
}

{
  "mcpServers": {
    "ui-vision": {
      "command": "npx",
      "args": [
        "-y",
        "uivision-mcp-bridge"
      ]
    }
  }
}

code --add-mcp '{"name":"ui-vision","type":"stdio","command":"npx","args":["-y","uivision-mcp-bridge"]}'

{
  "servers": {
    "ui-vision": {
      "type": "stdio",
      "command": "npx",
      "args": [
        "-y",
        "uivision-mcp-bridge"
      ]
    }
  }
}

{
  "mcpServers": {
    "ui-vision": {
      "command": "npx",
      "args": [
        "-y",
        "uivision-mcp-bridge"
      ]
    }
  }
}

codex mcp add ui-vision -- npx -y uivision-mcp-bridge

[mcp_servers.ui-vision]
command = "npx"
args = ["-y", "uivision-mcp-bridge"]

gemini mcp add ui-vision npx -- -y uivision-mcp-bridge

{
  "mcpServers": {
    "ui-vision": {
      "command": "npx",
      "args": [
        "-y",
        "uivision-mcp-bridge"
      ]
    }
  }
}

Embed

Mostra Ui.Vision in un README o sul tuo sito. Ogni embed rimanda a questa pagina, usa il comando di installazione del server e non imposta cookie. Come funzionano gli embed

Card, iframe e JSON sono in inglese. Aggiungi ?lang=it, fr, de o es al loro indirizzo per un’altra lingua.

Badge per il README Card per il sito iframe JSON Prompt per l’AI

Badge per il README

Markdown

[![Ui.Vision on mcp.tc](https://mcp.tc/i/ui-vision/badge.svg)](https://mcp.tc/i/ui-vision)

HTML

<a href="https://mcp.tc/i/ui-vision"><img src="https://mcp.tc/i/ui-vision/badge.svg" alt="Ui.Vision on mcp.tc" height="20"></a>

Segue la modalità chiara o scura di chi legge. Aggiungi ?theme=light o ?theme=dark per fissarla, oppure ?style=compact per mostrare il simbolo senza la scritta.

Card per il sito

HTML

<script src="https://mcp.tc/w/ui-vision.js" async></script>

La card compare dove si trova il tag. Aggiungi data-theme="dark" o data-size="compact" al tag per cambiarla. Il file contiene tutto ciò che serve, quindi non fa altre richieste e non imposta cookie.

iframe

HTML

<iframe src="https://mcp.tc/embed/ui-vision" title="Ui.Vision on mcp.tc" width="420" height="200" loading="lazy" allow="clipboard-write" style="border:0;border-radius:8px;max-width:100%"></iframe>

Usalo nelle pagine che non consentono script. Aggiungi ?theme=light o ?theme=dark all’indirizzo per fissare i colori.

JSON

La scheda come dati per le tue pagine e i tuoi strumenti: nome, descrizione breve, comando di installazione, tool e i link «Add to». Qualsiasi sito può leggerla (CORS aperto).

https://mcp.tc/i/ui-vision.json

Cosa significa ogni campo

Prompt per l’AI

Incollalo in un assistente di programmazione con l’AI, come Claude Code o Cursor, e aggiungerà la card di Ui.Vision al tuo sito.

Markdown

Aggiungi al mio sito la card di mcp.tc per Ui.Vision, un server MCP. È un solo script statico: niente build, nessun pacchetto da installare, nessun cookie.

Metti questo tag dove deve comparire la card. La card appare subito prima del tag:

```html
<script src="https://mcp.tc/w/ui-vision.js" async></script>
```

Per mostrarla altrove, metti lì questo segnaposto e carica lo stesso script una volta sola, per esempio prima di `</body>`. Lascia il link al suo interno: lo vede chi non ha JavaScript.

```html
<div data-mcptc="ui-vision"><a href="https://mcp.tc/i/ui-vision">Ui.Vision on mcp.tc</a></div>
```

Opzioni:
- `data-theme="light"` o `"dark"` sul tag o sul segnaposto fissa i colori. Senza l’attributo, la card segue la modalità chiara o scura di chi visita.
- `data-size="compact"` dà una card più piccola, senza la descrizione breve.
- La variabile CSS `--mcptc-max-width` sul segnaposto o su un elemento padre imposta la larghezza (predefinita `520px`).
- `?lang=` nell’URL dello script imposta la lingua della card: `en`, `it`, `fr`, `de` o `es`.

Se il sito ha una Content Security Policy, consenti `script-src https://mcp.tc` e `img-src data:` (l’icona è inline).

Per un README o altra documentazione in Markdown, usa invece il badge:

```markdown
[![Ui.Vision on mcp.tc](https://mcp.tc/i/ui-vision/badge.svg)](https://mcp.tc/i/ui-vision)
```

Riferimento: https://mcp.tc/it/embed

Cronologia delle modifiche

Questo server gira sul tuo computer, quindi seguiamo il suo pacchetto npm: qui compare ogni nuova versione, insieme alle modifiche di chi lo gestisce.

1. 6 ott 2026, 21:22 UTC, Controllo automatico

   Inizio del tracciamento: versione 1.7.20.

Domande frequenti