Semiotic
MCP-Server von nteract
Select, validate, repair, render and audit Semiotic React charts from static data, with non-visual descriptions for accessibility.
Mit Semiotic verbinden
Keine Anmeldung nötig. Verbinde dich mit der eigenen URL von Semiotic:
Füg sie in jeden Client ein, der Remote-MCP-Server unterstützt. Dein Client spricht direkt mit nteract, nicht über mcp.tc.
Diesen Server teilen
Öffnet diese Seite mit der URL und den Einrichtungsschritten.
mcp.tc/i/semioticÜber den Server
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.
Was du damit machen kannst
- 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
Tools 5
createChartLiest nurSelect, validate, diagnose, render and prove a static-data Semiotic chart.
improveChartLiest nurDiagnose a chart configuration, assess data fit, and propose repairs or variants.
explainChartLiest nurReturn chart description, communicative intent and navigable data structure without pixels.
auditChartLiest nurRun design, accessibility and mobile audits and return prioritized findings.
getChartSchemaLiest nurReturn canonical Semiotic prop-schema guidance for a component.
Am 7. Okt. 2026 vom laufenden Server gelesen. „Liest nur“, „Schreibt“ und „Kann löschen“ sind Hinweise, die der Server selbst angibt; dein Client entscheidet, ob er vor dem Ausführen eines Tools nachfragt.
Beispiel-Prompts
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.
Einrichtung
Jeder Client verbindet sich mit semiotic-mcp-server-481507046413.us-west1.run.app. Wähl deinen; die Seite merkt sich deine Wahl.
Claude Code
- Führe das in einem Terminal in deinem Projektordner aus:
claude mcp add --transport http semiotic https://semiotic-mcp-server-481507046413.us-west1.run.app/mcp- Starte Claude Code und tippe
/mcp. semiotic sollte als verbunden angezeigt werden.
Ergänze --scope user, damit er in jedem Projekt verfügbar ist, nicht nur in diesem.
Claude Desktop
- Öffne Customize → Connectors, klick auf + Add und dann auf Add custom connector.
- Nenne ihn Semiotic und füge diese URL ein:
https://semiotic-mcp-server-481507046413.us-west1.run.app/mcp- Klick auf Add. Seine Tools erscheinen im Tool-Menü des Chats.
Die JSON-Konfigurationsdatei von Claude Desktop startet nur lokale Server. Remote-Server laufen über Connectors, und Connectors, die du auf claude.ai hinzufügst, erscheinen auch hier.
claude.ai
- Öffne das Connector-Formular auf claude.ai. Dieser Button füllt Name und URL für dich aus:
Zu claude.ai hinzufügen (öffnet in einem neuen Tab)
- Prüfe, dass die URL
https://semiotic-mcp-server-481507046413.us-west1.run.app/mcplautet, und klick auf Add. - Schalte ihn in einem Chat über das Tool-Menü ein.
Kostenlose Pläne erlauben einen benutzerdefinierten Connector. In Team- und Enterprise-Plänen fügt ihn ein Owner unter Organization settings → Connectors hinzu.
ChatGPT
- Öffne auf chatgpt.com Settings → Security and login und schalte Developer mode ein.
- Geh zu
chatgpt.com/pluginsund klick auf +, um eine App für einen Remote-MCP-Server anzulegen. - Füge
https://semiotic-mcp-server-481507046413.us-west1.run.app/mcpals Server-URL ein und wähle No authentication.
Der Entwicklermodus steht im Web für Plus-, Pro-, Business-, Enterprise- und Education-Konten zur Verfügung.
Cursor
Zu Cursor hinzufügen (öffnet in einem neuen Tab)
Oder trag ihn von Hand in ~/.cursor/mcp.json (alle Projekte) oder .cursor/mcp.json (dieses Projekt) ein:
{
"mcpServers": {
"semiotic": {
"url": "https://semiotic-mcp-server-481507046413.us-west1.run.app/mcp"
}
}
}VS Code
In VS Code installieren (öffnet in einem neuen Tab)
Oder aus einem Terminal:
code --add-mcp '{"name":"semiotic","type":"http","url":"https://semiotic-mcp-server-481507046413.us-west1.run.app/mcp"}'Oder committe ihn ins Repository in .vscode/mcp.json:
{
"servers": {
"semiotic": {
"type": "http",
"url": "https://semiotic-mcp-server-481507046413.us-west1.run.app/mcp"
}
}
}Devin Desktop
- Füge ihn zu
~/.config/devin/mcp_config.json(macOS und Linux) oder%APPDATA%\devin\mcp_config.json(Windows) hinzu:
{
"mcpServers": {
"semiotic": {
"serverUrl": "https://semiotic-mcp-server-481507046413.us-west1.run.app/mcp"
}
}
}- Aktualisiere die Liste der MCP-Server in Cascade.
Devin Desktop ist der neue Name von Windsurf. Für Remote-Server liest es serverUrl (oder url).
Codex
codex mcp add semiotic --url https://semiotic-mcp-server-481507046413.us-west1.run.app/mcpOder bearbeite ~/.codex/config.toml direkt:
[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/mcpDamit fügst du ihn dem aktuellen Projekt hinzu. Ergänze -s user, um ihn überall zu nutzen.
Jeder Client
Die meisten Clients akzeptieren diese Form. Manche nennen das URL-Feld anders: serverUrl in Devin Desktop, httpUrl in der Einstellungsdatei von Gemini CLI.
{
"mcpServers": {
"semiotic": {
"type": "http",
"url": "https://semiotic-mcp-server-481507046413.us-west1.run.app/mcp"
}
}
}Zed legt Server in seinen Einstellungen unter context_servers ab. Cline braucht "type": "streamableHttp", sonst nimmt es SSE an.
Dein Client startet nur lokale Server? Dann binde den Server über npx -y mcp-remote https://semiotic-mcp-server-481507046413.us-west1.run.app/mcp ein.
Einbinden
Zeig Semiotic in einem README oder auf deiner Website. Jede Einbindung verlinkt auf diese Seite, nutzt die eigene URL des Servers und setzt keine Cookies. So funktionieren Einbindungen
Karte, iframe und JSON sind auf Englisch. Häng ?lang=it, fr, de oder es an ihre Adresse an, um eine andere Sprache zu bekommen.
README-Badge
[](https://mcp.tc/i/semiotic)<a href="https://mcp.tc/i/semiotic"><img src="https://mcp.tc/i/semiotic/badge.svg" alt="Semiotic on mcp.tc" height="20"></a>Es folgt dem hellen oder dunklen Modus der Lesenden. Hänge ?theme=light oder ?theme=dark an, um ihn festzulegen, oder ?style=compact, um das Zeichen ohne Schriftzug zu zeigen.
Website-Karte
<script src="https://mcp.tc/w/semiotic.js" async></script>Die Karte erscheint dort, wo das Tag steht. Füge dem Tag data-theme="dark" oder data-size="compact" hinzu, um sie zu ändern. Die Datei enthält alles, was sie braucht, stellt also keine weiteren Anfragen und setzt keine Cookies.
iframe
<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>Nutze es auf Seiten, die keine Skripte erlauben. Hänge ?theme=light oder ?theme=dark an die Adresse an, um die Farben festzulegen.
JSON
Der Eintrag als Daten für deine eigenen Seiten und Tools: Name, Kurzbeschreibung, die eigene URL des Servers, Tools und die „Add to“-Links. Jede Website kann ihn lesen (CORS ist offen).
https://mcp.tc/i/semiotic.jsonKI-Prompt
Füg ihn in einen KI-Coding-Assistenten wie Claude Code oder Cursor ein, und er baut die Karte von Semiotic in deine Website ein.
Füge meiner Website die mcp.tc-Karte für den MCP-Server Semiotic hinzu. Es ist ein einziges statisches Skript: kein Build-Schritt, kein Paket zu installieren, keine Cookies.
Setz dieses Tag dorthin, wo die Karte erscheinen soll. Die Karte erscheint direkt davor:
```html
<script src="https://mcp.tc/w/semiotic.js" async></script>
```
Um sie woanders zu zeigen, setz dort diesen Platzhalter ein und lade dasselbe Skript nur einmal, zum Beispiel vor `</body>`. Lass den Link darin stehen: Besucher ohne JavaScript sehen ihn.
```html
<div data-mcptc="semiotic"><a href="https://mcp.tc/i/semiotic">Semiotic on mcp.tc</a></div>
```
Optionen:
- `data-theme="light"` oder `"dark"` am Tag oder Platzhalter legt die Farben fest. Ohne das Attribut folgt die Karte dem hellen oder dunklen Modus der Besucher.
- `data-size="compact"` ergibt eine kleinere Karte ohne Kurzbeschreibung.
- Die CSS-Variable `--mcptc-max-width` am Platzhalter oder einem Elternelement legt die Breite fest (Standard `520px`).
- `?lang=` in der Skript-URL legt die Sprache der Karte fest: `en`, `it`, `fr`, `de` oder `es`.
Wenn die Website eine Content Security Policy hat, erlaube `script-src https://mcp.tc` und `img-src data:` (das Icon ist eingebettet).
Für ein README oder andere Markdown-Dokumentation nimm stattdessen das Badge:
```markdown
[](https://mcp.tc/i/semiotic)
```
Referenz: https://mcp.tc/de/embedÄnderungsverlauf
Wir lesen die Tool-Liste dieses Servers alle 3 Stunden und halten fest, was sich ändert. Zuletzt gelesen: 8. Okt. 2026, 07:29 UTC.
Häufige Fragen
Kann ich mcp.tc/i/semiotic in meinen MCP-Client einfügen?
Nein. mcp.tc-Links sind Seiten, keine Server-Adressen. Verbinde dich mit https://semiotic-mcp-server-481507046413.us-west1.run.app/mcp, damit dein Client direkt mit Semiotic spricht. Der Quick-Link ist zum Teilen da: Er öffnet diese Seite, mit Einrichtungsschritten für jeden Client.
Braucht Semiotic einen API-Schlüssel oder eine Anmeldung?
Nein. Semiotic verlangt weder Konto noch Schlüssel.
Ist Semiotic ein Remote- oder ein lokaler Server?
Remote. nteract hostet ihn unter https://semiotic-mcp-server-481507046413.us-west1.run.app/mcp, und er spricht Streamable HTTP. Es gibt nichts zu installieren.
Was kann Semiotic?
Er hat 5 Tools, darunter createChart, improveChart und explainChart.
Welche Clients können ihn nutzen?
Jeder Client, der Remote-MCP-Server unterstützt: Claude Code, Claude Desktop, claude.ai, ChatGPT im Entwicklermodus, Cursor, VS Code, Devin Desktop, Codex, Gemini CLI, Zed und andere. Die Einrichtungsschritte decken jeden davon ab.
Verfolgt mcp.tc Änderungen an Semiotic?
Ja. Der Tab Verlauf von Semiotic zeigt jede Änderung, die wir an seinen Tools finden, bis hin zu Beschreibungen und Parametern, dazu neue Versionen und Änderungen seines Betreibers. Folge dem Eintrag, um eine E-Mail zu bekommen, wenn er sich ändert.
Wer hat diese Seite geschrieben?
Der Roboter von mcp.tc hat die eigenen Metadaten von Semiotic (seinen MCP-Handshake, seine Tool-Liste und öffentliche Seiten) gelesen, und ein KI-Modell hat daraus den Text entworfen. Ein Mensch prüft alles, was die Prüfungen nicht bestätigen können. Der Text kann trotzdem falsch sein; wenn dir ein Fehler auffällt, nutze Eintrag melden auf dieser Seite.
mcp.tc steht in keiner Verbindung zu nteract. Diese Seite entstand aus den öffentlichen Metadaten von Semiotic, zuletzt geprüft am 7. Okt. 2026, und ein KI-Modell hat die Beschreibung geschrieben, sie kann also Fehler enthalten. Namen und Marken gehören ihren Inhabern. Stimmt etwas nicht? Eintrag melden.