Semiotic
Serveur MCP par nteract
Select, validate, repair, render and audit Semiotic React charts from static data, with non-visual descriptions for accessibility.
Connecter Semiotic
Aucun compte nécessaire. Connectez votre client à l’URL de Semiotic :
Collez-la dans n’importe quel client compatible avec les serveurs MCP distants. Votre client parle directement à nteract, sans passer par mcp.tc.
Partager ce serveur
Ouvre cette page, avec l’URL et les étapes de configuration.
mcp.tc/i/semioticPrésentation
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.
Ce que vous pouvez faire
- 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
Outils 5
createChartLecture seuleSelect, validate, diagnose, render and prove a static-data Semiotic chart.
improveChartLecture seuleDiagnose a chart configuration, assess data fit, and propose repairs or variants.
explainChartLecture seuleReturn chart description, communicative intent and navigable data structure without pixels.
auditChartLecture seuleRun design, accessibility and mobile audits and return prioritized findings.
getChartSchemaLecture seuleReturn canonical Semiotic prop-schema guidance for a component.
Lus directement sur le serveur le 7 oct. 2026. Lecture seule, Écriture et Peut supprimer sont des indications déclarées par le serveur ; c’est votre client qui décide de vous demander confirmation avant d’exécuter un outil.
Exemples de 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.
Configuration
Chaque client se connecte à semiotic-mcp-server-481507046413.us-west1.run.app. Choisissez le vôtre ; la page retient votre choix.
Claude Code
- Lancez ceci dans un terminal, dans le dossier de votre projet :
claude mcp add --transport http semiotic https://semiotic-mcp-server-481507046413.us-west1.run.app/mcp- Démarrez Claude Code et tapez
/mcp. semiotic devrait apparaître comme connecté.
Ajoutez --scope user pour le rendre disponible dans tous vos projets, pas seulement celui-ci.
Claude Desktop
- Ouvrez Customize → Connectors, cliquez sur + Add, puis sur Add custom connector.
- Nommez-le Semiotic et collez cette URL :
https://semiotic-mcp-server-481507046413.us-west1.run.app/mcp- Cliquez sur Add. Ses outils apparaissent dans le menu des outils de la conversation.
Le fichier de configuration JSON de Claude Desktop ne lance que des serveurs locaux. Les serveurs distants passent par les Connectors, et les connecteurs ajoutés sur claude.ai apparaissent aussi ici.
claude.ai
- Ouvrez le formulaire des connecteurs sur claude.ai. Ce bouton remplit le nom et l’URL pour vous :
Ajouter à claude.ai (s’ouvre dans un nouvel onglet)
- Vérifiez que l’URL est
https://semiotic-mcp-server-481507046413.us-west1.run.app/mcpet cliquez sur Add. - Activez-le dans une conversation depuis le menu des outils.
Les offres gratuites permettent un connecteur personnalisé. Sur les offres Team et Enterprise, un propriétaire l’ajoute dans Organization settings → Connectors.
ChatGPT
- Sur chatgpt.com, ouvrez Settings → Security and login et activez Developer mode.
- Allez sur
chatgpt.com/pluginset cliquez sur + pour créer une application pour un serveur MCP distant. - Collez
https://semiotic-mcp-server-481507046413.us-west1.run.app/mcpcomme URL du serveur et choisissez No authentication.
Le mode développeur est disponible sur le web pour les comptes Plus, Pro, Business, Enterprise et Education.
Cursor
Ajouter à Cursor (s’ouvre dans un nouvel onglet)
Ou ajoutez-le à la main dans ~/.cursor/mcp.json (tous les projets) ou .cursor/mcp.json (ce projet) :
{
"mcpServers": {
"semiotic": {
"url": "https://semiotic-mcp-server-481507046413.us-west1.run.app/mcp"
}
}
}VS Code
Installer dans VS Code (s’ouvre dans un nouvel onglet)
Ou depuis un terminal :
code --add-mcp '{"name":"semiotic","type":"http","url":"https://semiotic-mcp-server-481507046413.us-west1.run.app/mcp"}'Ou committez-le dans le dépôt, dans .vscode/mcp.json :
{
"servers": {
"semiotic": {
"type": "http",
"url": "https://semiotic-mcp-server-481507046413.us-west1.run.app/mcp"
}
}
}Devin Desktop
- Ajoutez-le à
~/.config/devin/mcp_config.json(macOS et Linux) ou%APPDATA%\devin\mcp_config.json(Windows) :
{
"mcpServers": {
"semiotic": {
"serverUrl": "https://semiotic-mcp-server-481507046413.us-west1.run.app/mcp"
}
}
}- Actualisez la liste des serveurs MCP dans Cascade.
Devin Desktop est le nouveau nom de Windsurf. Pour les serveurs distants, il lit serverUrl (ou url).
Codex
codex mcp add semiotic --url https://semiotic-mcp-server-481507046413.us-west1.run.app/mcpOu modifiez directement ~/.codex/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/mcpCela l’ajoute au projet en cours. Ajoutez -s user pour l’utiliser partout.
Tout client
La plupart des clients acceptent cette forme. Certains nomment autrement le champ de l’URL : serverUrl dans Devin Desktop, httpUrl dans le fichier de réglages de Gemini CLI.
{
"mcpServers": {
"semiotic": {
"type": "http",
"url": "https://semiotic-mcp-server-481507046413.us-west1.run.app/mcp"
}
}
}Zed place les serveurs sous context_servers dans ses réglages. Cline a besoin de "type": "streamableHttp", sinon il suppose SSE.
Votre client ne lance que des serveurs locaux ? Reliez-le avec npx -y mcp-remote https://semiotic-mcp-server-481507046413.us-west1.run.app/mcp.
Intégrer
Affichez Semiotic dans un README ou sur votre site. Chaque intégration renvoie à cette page, utilise l’URL du serveur et ne dépose aucun cookie. Comment fonctionnent les intégrations
La carte, l’iframe et le JSON sont en anglais. Ajoutez ?lang=it, fr, de ou es à leur adresse pour une autre langue.
Badge pour README
[](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>Il suit le mode clair ou sombre du lecteur. Ajoutez ?theme=light ou ?theme=dark pour le fixer, ou ?style=compact pour afficher le symbole sans le nom.
Carte pour site web
<script src="https://mcp.tc/w/semiotic.js" async></script>La carte apparaît à l’endroit de la balise. Ajoutez data-theme="dark" ou data-size="compact" à la balise pour la modifier. Le fichier contient tout ce qu’il lui faut : il ne fait aucune autre requête et ne dépose aucun cookie.
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>Utilisez-la sur les pages qui n’autorisent pas les scripts. Ajoutez ?theme=light ou ?theme=dark à l’adresse pour fixer les couleurs.
JSON
La fiche sous forme de données pour vos pages et vos outils : nom, accroche, URL du serveur, outils et liens « Add to ». N’importe quel site peut la lire (CORS ouvert).
https://mcp.tc/i/semiotic.jsonPrompt pour l’IA
Collez-le dans un assistant de code IA, comme Claude Code ou Cursor, et il ajoutera la carte de Semiotic à votre site.
Ajoute à mon site la carte mcp.tc de Semiotic, un serveur MCP. C’est un seul script statique : pas de build, aucun paquet à installer, aucun cookie.
Place cette balise là où la carte doit apparaître. La carte s’affiche juste avant elle :
```html
<script src="https://mcp.tc/w/semiotic.js" async></script>
```
Pour l’afficher ailleurs, mets ce conteneur à cet endroit et charge le même script une seule fois, par exemple avant `</body>`. Garde le lien à l’intérieur : les visiteurs sans JavaScript le voient.
```html
<div data-mcptc="semiotic"><a href="https://mcp.tc/i/semiotic">Semiotic on mcp.tc</a></div>
```
Options :
- `data-theme="light"` ou `"dark"` sur la balise ou le conteneur fixe les couleurs. Sans cela, la carte suit le mode clair ou sombre du visiteur.
- `data-size="compact"` donne une carte plus petite, sans l’accroche.
- La variable CSS `--mcptc-max-width` sur le conteneur ou un parent fixe la largeur (`520px` par défaut).
- `?lang=` dans l’URL du script choisit la langue de la carte : `en`, `it`, `fr`, `de` ou `es`.
Si le site a une Content Security Policy, autorise `script-src https://mcp.tc` et `img-src data:` (l’icône est intégrée).
Pour un README ou une autre doc en Markdown, utilise plutôt le badge :
```markdown
[](https://mcp.tc/i/semiotic)
```
Référence : https://mcp.tc/fr/embedHistorique des changements
Nous lisons la liste d’outils de ce serveur toutes les 3 heures et notons ce qui change. Dernière lecture : 8 oct. 2026, 07:29 UTC.
FAQ
Puis-je coller mcp.tc/i/semiotic dans mon client MCP ?
Non. Les liens mcp.tc sont des pages, pas des adresses de serveur. Connectez votre client à https://semiotic-mcp-server-481507046413.us-west1.run.app/mcp, pour qu’il parle directement à Semiotic. Le lien rapide sert au partage : il ouvre cette page, avec les étapes de configuration pour chaque client.
Semiotic a-t-il besoin d’une clé API ou d’une connexion ?
Non. Semiotic ne demande ni compte ni clé.
Semiotic est-il un serveur distant ou local ?
Distant. nteract l’héberge à https://semiotic-mcp-server-481507046413.us-west1.run.app/mcp, et il utilise Streamable HTTP. Il n’y a rien à installer.
Que peut faire Semiotic ?
Il a 5 outils, dont createChart, improveChart et explainChart.
Quels clients peuvent l’utiliser ?
Tout client compatible avec les serveurs MCP distants : Claude Code, Claude Desktop, claude.ai, ChatGPT en mode développeur, Cursor, VS Code, Devin Desktop, Codex, Gemini CLI, Zed et d’autres. Les étapes de configuration couvrent chacun d’eux.
mcp.tc suit-il les changements de Semiotic ?
Oui. L’onglet Historique de Semiotic montre chaque changement que nous trouvons dans ses outils, jusqu’aux descriptions et aux paramètres, ainsi que les nouvelles versions et les modifications de son propriétaire. Suivez la fiche pour recevoir un e-mail quand elle change.
Qui a rédigé cette page ?
Le robot de mcp.tc a lu les métadonnées de Semiotic (son handshake MCP, sa liste d’outils et ses pages publiques), et un modèle d’IA en a tiré le texte. Une personne examine tout ce que les vérifications ne peuvent pas confirmer. Le texte peut encore contenir des erreurs : si vous en repérez une, utilisez Signaler cette fiche sur cette page.
mcp.tc n’est pas affilié à nteract. Cette page a été construite à partir des métadonnées publiques de Semiotic, vérifiées pour la dernière fois le 7 oct. 2026, et un modèle d’IA a rédigé la description : elle peut contenir des erreurs. Les noms et marques appartiennent à leurs propriétaires. Quelque chose cloche ? Signaler cette fiche.