Iniciar sesiónCuenta

Semiotic

Servidor MCP de nteract

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

Sin cuenta (No hace falta cuenta ni clave)Streamable HTTP

Conectar con Semiotic

No hace falta iniciar sesión. Conéctate con la URL propia de Semiotic:

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

Pégala en cualquier cliente compatible con servidores MCP remotos. Tu cliente habla directamente con nteract, no a través de mcp.tc.

Añadir a Cursor (se abre en una pestaña nueva)Añadir a VS Code (se abre en una pestaña nueva)Añadir a claude.ai (se abre en una pestaña nueva)

Compartir este servidor

El enlace abre esta página, con la URL y los pasos de configuración.

mcp.tc/i/semiotic

Descripción

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.

Qué puedes hacer

  • 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

Herramientas 5

  • createChartSolo lectura

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

  • improveChartSolo lectura

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

  • explainChartSolo lectura

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

  • auditChartSolo lectura

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

  • getChartSchemaSolo lectura

    Return canonical Semiotic prop-schema guidance for a component.

Leídas del servidor en funcionamiento el 7 oct 2026. Solo lectura, Escritura y Puede borrar son indicaciones que declara el servidor; tu cliente decide si te pregunta antes de ejecutar una herramienta.

Prompts de ejemplo

  • 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.

Configuración

Todos los clientes se conectan a semiotic-mcp-server-481507046413.us-west1.run.app. Elige el tuyo; la página recuerda tu elección.

Claude Code

  1. Ejecútalo en un terminal, en la carpeta de tu proyecto:
claude mcp add --transport http semiotic https://semiotic-mcp-server-481507046413.us-west1.run.app/mcp
  1. Inicia Claude Code y escribe /mcp. semiotic debería aparecer como conectado.

Añade --scope user para que esté disponible en todos los proyectos, no solo en este.

Claude Desktop

  1. Abre Customize → Connectors, haz clic en + Add y luego en Add custom connector.
  2. Llámalo Semiotic y pega esta URL:
https://semiotic-mcp-server-481507046413.us-west1.run.app/mcp
  1. Haz clic en Add. Sus herramientas aparecen en el menú de herramientas del chat.

El archivo de configuración JSON de Claude Desktop solo inicia servidores locales. Los servidores remotos van por Connectors, y los conectores que añades en claude.ai también aparecen aquí.

claude.ai

  1. Abre el formulario de conectores en claude.ai. Este botón rellena el nombre y la URL por ti:

Añadir a claude.ai (se abre en una pestaña nueva)

  1. Comprueba que la URL es https://semiotic-mcp-server-481507046413.us-west1.run.app/mcp y haz clic en Add.
  2. Actívalo en un chat desde el menú de herramientas.

Los planes gratuitos permiten un conector personalizado. En los planes Team y Enterprise lo añade un propietario en Organization settings → Connectors.

ChatGPT

  1. En chatgpt.com, abre Settings → Security and login y activa Developer mode.
  2. Ve a chatgpt.com/plugins y haz clic en + para crear una app para un servidor MCP remoto.
  3. Pega https://semiotic-mcp-server-481507046413.us-west1.run.app/mcp como URL del servidor y elige No authentication.

El modo de desarrollador está disponible en la web para las cuentas Plus, Pro, Business, Enterprise y Education.

Cursor

Añadir a Cursor (se abre en una pestaña nueva)

O añádelo a mano en ~/.cursor/mcp.json (todos los proyectos) o en .cursor/mcp.json (este proyecto):

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

VS Code

Instalar en VS Code (se abre en una pestaña nueva)

O desde un terminal:

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

O haz commit del archivo en el repositorio como .vscode/mcp.json:

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

Devin Desktop

  1. Añádelo a ~/.config/devin/mcp_config.json (macOS y 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. Actualiza la lista de servidores MCP en Cascade.

Devin Desktop es el nuevo nombre de Windsurf. Para los servidores remotos lee serverUrl (o url).

Codex

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

O edita directamente ~/.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

Así lo añades al proyecto actual. Añade -s user para usarlo en todas partes.

Cualquier cliente

La mayoría de los clientes aceptan esta forma. Algunos llaman de otra manera al campo de la URL: serverUrl en Devin Desktop, httpUrl en el archivo de ajustes de Gemini CLI.

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

Zed pone los servidores bajo context_servers en sus ajustes. Cline necesita "type": "streamableHttp"; si no, supone SSE.

¿Tu cliente solo inicia servidores locales? Conéctalo con npx -y mcp-remote https://semiotic-mcp-server-481507046413.us-west1.run.app/mcp.

Insertar

Muestra Semiotic en un README o en tu web. Cada inserción enlaza a esta página, usa la URL propia del servidor y no instala cookies. Cómo funcionan las inserciones

La tarjeta, el iframe y el JSON están en inglés. Añade ?lang=it, fr, de o es a su dirección para otro idioma.

Insignia para README

Vista previa de la insignia, claraVista previa de la insignia, oscura
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>

Sigue el modo claro u oscuro de quien lee. Añade ?theme=light o ?theme=dark para fijarlo, o ?style=compact para mostrar el símbolo sin la palabra.

Tarjeta para web

HTML
<script src="https://mcp.tc/w/semiotic.js" async></script>

La tarjeta aparece donde esté la etiqueta. Añade data-theme="dark" o data-size="compact" a la etiqueta para cambiarla. El archivo contiene todo lo que necesita, así que no hace otras solicitudes ni instala cookies.

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>

Úsalo en páginas que no permiten scripts. Añade ?theme=light o ?theme=dark a la dirección para fijar los colores.

JSON

La ficha como datos para tus propias páginas y herramientas: nombre, descripción corta, la URL propia del servidor, herramientas y los enlaces «Add to». Cualquier web puede leerla (CORS abierto).

https://mcp.tc/i/semiotic.json

Qué significa cada campo

Prompt para la IA

Pégalo en un asistente de programación con IA, como Claude Code o Cursor, y añadirá la tarjeta de Semiotic a tu web.

Markdown
Añade a mi web la tarjeta de mcp.tc de Semiotic, un servidor MCP. Es un solo script estático: sin paso de build, sin paquetes que instalar, sin cookies.

Pon esta etiqueta donde deba aparecer la tarjeta. La tarjeta se muestra justo antes de ella:

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

Para mostrarla en otro sitio, pon allí este marcador y carga el mismo script una sola vez, por ejemplo antes de `</body>`. Deja el enlace dentro: lo ven los visitantes sin JavaScript.

```html
<div data-mcptc="semiotic"><a href="https://mcp.tc/i/semiotic">Semiotic on mcp.tc</a></div>
```

Opciones:
- `data-theme="light"` o `"dark"` en la etiqueta o el marcador fija los colores. Sin él, la tarjeta sigue el modo claro u oscuro del visitante.
- `data-size="compact"` da una tarjeta más pequeña, sin el eslogan.
- La variable CSS `--mcptc-max-width` en el marcador o en un elemento padre fija el ancho (por defecto `520px`).
- `?lang=` en la URL del script fija el idioma de la tarjeta: `en`, `it`, `fr`, `de` o `es`.

Si el sitio tiene una Content Security Policy, permite `script-src https://mcp.tc` e `img-src data:` (el icono va incrustado).

Para un README u otra documentación en Markdown, usa la insignia:

```markdown
[![Semiotic on mcp.tc](https://mcp.tc/i/semiotic/badge.svg)](https://mcp.tc/i/semiotic)
```

Referencia: https://mcp.tc/es/embed

Historial de cambios

Leemos la lista de herramientas de este servidor cada 3 horas y registramos lo que cambia. Última lectura: 8 oct 2026, 07:29 UTC.

Sigue Semiotic y te enviaremos un correo cuando algo cambie.

SeguirFeed Atom

  1. , Comprobación automática

    Inicio del seguimiento: 5 herramientas.

Preguntas frecuentes

¿Puedo pegar mcp.tc/i/semiotic en mi cliente MCP?

No. Los enlaces de mcp.tc son páginas, no direcciones de servidores. Conéctate con https://semiotic-mcp-server-481507046413.us-west1.run.app/mcp, para que tu cliente hable directamente con Semiotic. El enlace rápido sirve para compartir: abre esta página, con los pasos de configuración para cada cliente.

¿Semiotic necesita una clave de API o iniciar sesión?

No. Semiotic no pide cuenta ni clave.

¿Semiotic es un servidor remoto o local?

Remoto. Lo aloja nteract en https://semiotic-mcp-server-481507046413.us-west1.run.app/mcp, y usa Streamable HTTP. No hay nada que instalar.

¿Qué puede hacer Semiotic?

Tiene 5 herramientas, entre ellas createChart, improveChart y explainChart.

¿Qué clientes pueden usarlo?

Cualquier cliente compatible con servidores MCP remotos: Claude Code, Claude Desktop, claude.ai, ChatGPT en modo de desarrollador, Cursor, VS Code, Devin Desktop, Codex, Gemini CLI, Zed y otros. Los pasos de configuración cubren cada uno.

¿mcp.tc sigue los cambios de Semiotic?

Sí. La pestaña Historial de Semiotic muestra cada cambio que encontramos en sus herramientas, hasta las descripciones y los parámetros, además de las versiones nuevas y las ediciones de su responsable. Sigue la ficha para recibir un correo cuando cambie.

¿Quién escribió esta página?

El robot de mcp.tc leyó los metadatos propios de Semiotic (su handshake MCP, su lista de herramientas y sus páginas públicas), y un modelo de IA redactó el texto a partir de ellos. Una persona revisa todo lo que las comprobaciones no pueden confirmar. Aun así, el texto puede contener errores, así que si encuentras uno, usa Reportar esta ficha en esta página.

Servidores relacionados

Más en Datos y analítica

  • Zigpoll

    Datos y analítica

    Requiere cuenta

    Analyze Zigpoll survey responses, track trends and get AI-assisted insights from your survey data.

    mcp.tc/i/zigpoll

  • Chrome-Stats

    Datos y analítica

    Requiere cuenta

    Look up analytics for extensions and apps across Chrome, Edge, Firefox, Google Play and the Apple App Store.

    mcp.tc/i/chrome-stats

  • Vidalytics

    Datos y analítica

    Requiere cuenta

    Manage Vidalytics videos, player settings, chapters, CTAs and viewer analytics from your AI assistant.

    mcp.tc/i/vidalytics

  • Ball Ranks

    Datos y analítica

    Sin cuenta

    Look up fantasy football and basketball rankings and player projections, including weekly NFL rankings.

    mcp.tc/i/ball-ranks

  • Buildability

    Datos y analítica

    Sin cuenta

    Score any US parcel on nine cited factors, including zoning, flood, seismic, soil, radon and wildfire, to see what can be built.

    mcp.tc/i/buildability

  • Webeyez

    Datos y analítica

    Requiere cuenta

    Inspect session replays, JS errors, funnel drop-offs and revenue-loss diagnostics from Webeyez.

    mcp.tc/i/webeyez

mcp.tc no tiene relación con nteract. Esta página se creó a partir de los metadatos públicos de Semiotic, comprobados por última vez el 7 oct 2026, y un modelo de IA escribió la descripción, así que puede contener errores. Los nombres y marcas pertenecen a sus titulares. ¿Algo no cuadra? Reportar esta ficha.