Semiotic

Server MCP di nteract

Select, validate, repair, render and audit Semiotic React charts from static data, with non-visual descriptions for accessibility.

Senza account (Non servono account né chiavi)Streamable HTTP

Collegati a Semiotic

Non serve un account. Collegati con l’URL di Semiotic:

https://semiotic-mcp-server-481507046413.us-west1.run.app/mcp

Incollalo in qualsiasi client che supporti i server MCP remoti. Il tuo client parla direttamente con nteract, non attraverso mcp.tc.

Condividi questo server

Apre questa pagina, con l’URL e i passaggi di configurazione.

mcp.tc/i/semiotic

Descrizione

Semiotic is a React data visualization library, and this server exposes its chart workflow as MCP tools. An assistant can pick a chart type for a dataset, validate and diagnose a chart configuration, render a static chart, propose repairs, and run accessibility and mobile audits. It can also return a text description of a chart and its navigable data structure.

The server is hosted at a streamable HTTP endpoint and needs no sign-in or API key. A local version also runs through the semiotic npm package with npx. All five tools are read-only.

Cosa puoi fare

  • Choose, validate and render a chart from static data
  • Diagnose a chart configuration and propose repairs or variants
  • Explain a chart without pixels using description and data structure
  • Audit charts for design, accessibility and mobile issues
  • Fetch prop schema guidance for Semiotic components

Tool 5

  • createChartSola lettura

    Select, validate, diagnose, render and prove a static-data Semiotic chart.

  • improveChartSola lettura

    Diagnose a chart configuration, assess data fit, and propose repairs or variants.

  • explainChartSola lettura

    Return chart description, communicative intent and navigable data structure without pixels.

  • auditChartSola lettura

    Run design, accessibility and mobile audits and return prioritized findings.

  • getChartSchemaSola lettura

    Return canonical Semiotic prop-schema guidance for a component.

Letti dal server attivo (7 ott 2026). Sola lettura, Scrive e Può eliminare sono indicazioni dichiarate dal server; è il tuo client a decidere se chiederti conferma prima di eseguire un tool.

Prompt di esempio

  • Create a chart comparing these quarterly sales totals by region.

  • Audit this Semiotic LineChart config for accessibility and mobile problems.

  • Improve my chart props and suggest a better chart type for this data.

  • Show me the prop schema for the Semiotic Sankey diagram component.

Configurazione

Ogni client si collega a semiotic-mcp-server-481507046413.us-west1.run.app. Scegli il tuo; la pagina ricorda la tua scelta.

Claude Code

  1. Eseguilo in un terminale, nella cartella del tuo progetto:
claude mcp add --transport http semiotic https://semiotic-mcp-server-481507046413.us-west1.run.app/mcp
  1. Avvia Claude Code e digita /mcp. semiotic dovrebbe risultare collegato.

Aggiungi --scope user per renderlo disponibile in tutti i progetti, non solo in questo.

Claude Desktop

  1. Apri Customize → Connectors, fai clic su + Add, poi su Add custom connector.
  2. Chiamalo Semiotic e incolla questo URL:
https://semiotic-mcp-server-481507046413.us-west1.run.app/mcp
  1. Fai clic su Add. I suoi tool compaiono nel menu degli strumenti della chat.

Il file di configurazione JSON di Claude Desktop avvia solo server locali. I server remoti passano dai Connectors, e i connettori che aggiungi su claude.ai compaiono anche qui.

claude.ai

  1. Apri il modulo dei connettori su claude.ai. Questo pulsante compila nome e URL per te:
  1. Controlla che l’URL sia https://semiotic-mcp-server-481507046413.us-west1.run.app/mcp e fai clic su Add.
  2. Attivalo in una chat dal menu degli strumenti.

I piani gratuiti consentono un connettore personalizzato. Nei piani Team ed Enterprise lo aggiunge un owner in Organization settings → Connectors.

ChatGPT

  1. Su chatgpt.com apri Settings → Security and login e attiva Developer mode.
  2. Vai su chatgpt.com/plugins e fai clic su + per creare un’app per un server MCP remoto.
  3. Incolla https://semiotic-mcp-server-481507046413.us-west1.run.app/mcp come URL del server e scegli No authentication.

La modalità sviluppatore è disponibile sul web per gli account Plus, Pro, Business, Enterprise ed Education.

Cursor

Oppure aggiungilo a mano in ~/.cursor/mcp.json (tutti i progetti) o in .cursor/mcp.json (questo progetto):

mcp.json
{
  "mcpServers": {
    "semiotic": {
      "url": "https://semiotic-mcp-server-481507046413.us-west1.run.app/mcp"
    }
  }
}

VS Code

Oppure da un terminale:

code --add-mcp '{"name":"semiotic","type":"http","url":"https://semiotic-mcp-server-481507046413.us-west1.run.app/mcp"}'

Oppure fai commit nel repository in .vscode/mcp.json:

.vscode/mcp.json
{
  "servers": {
    "semiotic": {
      "type": "http",
      "url": "https://semiotic-mcp-server-481507046413.us-west1.run.app/mcp"
    }
  }
}

Devin Desktop

  1. Aggiungilo a ~/.config/devin/mcp_config.json (macOS e Linux) o a %APPDATA%\devin\mcp_config.json (Windows):
mcp_config.json
{
  "mcpServers": {
    "semiotic": {
      "serverUrl": "https://semiotic-mcp-server-481507046413.us-west1.run.app/mcp"
    }
  }
}
  1. Aggiorna l’elenco dei server MCP in Cascade.

Devin Desktop è il nuovo nome di Windsurf. Per i server remoti legge serverUrl (o url).

Codex

codex mcp add semiotic --url https://semiotic-mcp-server-481507046413.us-west1.run.app/mcp

Oppure modifica direttamente ~/.codex/config.toml:

config.toml
[mcp_servers.semiotic]
url = "https://semiotic-mcp-server-481507046413.us-west1.run.app/mcp"

Gemini CLI

gemini mcp add --transport http semiotic https://semiotic-mcp-server-481507046413.us-west1.run.app/mcp

Così lo aggiungi al progetto corrente. Aggiungi -s user per usarlo ovunque.

Qualsiasi client

La maggior parte dei client accetta questa forma. Alcuni chiamano diversamente il campo dell’URL: serverUrl in Devin Desktop, httpUrl nel file di impostazioni di Gemini CLI.

{
  "mcpServers": {
    "semiotic": {
      "type": "http",
      "url": "https://semiotic-mcp-server-481507046413.us-west1.run.app/mcp"
    }
  }
}

Zed mette i server sotto context_servers nelle sue impostazioni. Cline ha bisogno di "type": "streamableHttp", altrimenti presume SSE.

Il tuo client avvia solo server locali? Collegalo con npx -y mcp-remote https://semiotic-mcp-server-481507046413.us-west1.run.app/mcp.

Embed

Mostra Semiotic in un README o sul tuo sito. Ogni embed rimanda a questa pagina, usa l’URL del server stesso 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

Anteprima del badge, chiaroAnteprima del badge, scuro
Markdown
[![Semiotic on mcp.tc](https://mcp.tc/i/semiotic/badge.svg)](https://mcp.tc/i/semiotic)
HTML
<a href="https://mcp.tc/i/semiotic"><img src="https://mcp.tc/i/semiotic/badge.svg" alt="Semiotic 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/semiotic.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/semiotic" title="Semiotic 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, URL del server, tool e i link «Add to». Qualsiasi sito può leggerla (CORS aperto).

https://mcp.tc/i/semiotic.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 Semiotic al tuo sito.

Markdown
Aggiungi al mio sito la card di mcp.tc per Semiotic, 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/semiotic.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="semiotic"><a href="https://mcp.tc/i/semiotic">Semiotic 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
[![Semiotic on mcp.tc](https://mcp.tc/i/semiotic/badge.svg)](https://mcp.tc/i/semiotic)
```

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

Cronologia delle modifiche

Leggiamo l’elenco dei tool di questo server ogni 3 ore e registriamo cosa cambia. Ultima lettura: 8 ott 2026, 07:29 UTC.

Segui Semiotic e ti mandiamo un’email quando qualcosa cambia.

  1. , Controllo automatico

    Inizio del tracciamento: 5 tool.

Domande frequenti

Posso incollare mcp.tc/i/semiotic nel mio client MCP?

No. I link di mcp.tc sono pagine, non indirizzi di server. Collegati con https://semiotic-mcp-server-481507046413.us-west1.run.app/mcp, così il tuo client parla direttamente con Semiotic. Il link rapido serve per condividere: apre questa pagina, con i passaggi di configurazione per ogni client.

Semiotic richiede una chiave API o un accesso?

No. Semiotic non chiede account né chiavi.

Semiotic è un server remoto o locale?

Remoto. Lo ospita nteract a https://semiotic-mcp-server-481507046413.us-west1.run.app/mcp, e usa Streamable HTTP. Non c’è nulla da installare.

Cosa può fare Semiotic?

Ha 5 tool, tra cui createChart, improveChart e explainChart.

Quali client possono usarlo?

Qualsiasi client che supporta i server MCP remoti: Claude Code, Claude Desktop, claude.ai, ChatGPT in modalità sviluppatore, Cursor, VS Code, Devin Desktop, Codex, Gemini CLI, Zed e altri. I passaggi di configurazione li coprono tutti.

mcp.tc tiene traccia delle modifiche di Semiotic?

Sì. La sezione Cronologia di Semiotic mostra ogni modifica che troviamo ai suoi tool, fino a descrizioni e parametri, più le nuove versioni e le modifiche di chi lo gestisce. Segui la scheda per ricevere un’email quando cambia.

Chi ha scritto questa pagina?

Il robot di mcp.tc ha letto i metadati di Semiotic (il suo handshake MCP, l’elenco dei tool e le pagine pubbliche), e un modello di AI ne ha ricavato il testo. Una persona esamina tutto ciò che i controlli non riescono a confermare. Il testo può comunque contenere errori, quindi se ne trovi uno usa Segnala questa scheda su questa pagina.

mcp.tc non è affiliato a nteract. Questa pagina è stata creata a partire dai metadati pubblici di Semiotic (ultimo controllo: 7 ott 2026), e la descrizione l’ha scritta un modello di AI, quindi può contenere errori. Nomi e marchi appartengono ai rispettivi titolari. Qualcosa non va? Segnala questa scheda.