Skip to content
VS Code

Semiotic for VS Code

io.github.nteract/semiotic

Verified React chart generation: select, validate, repair, render, and inspect charts through MCP.

client:VS Code transport:streamable-http runtime:npm tools:5

Install Semiotic in VS Code

.vscode/mcp.json

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

Requires agent mode. MCP: Open User Configuration puts the same block in every workspace. VS Code docs

What VS Code can do once it is connected

Semiotic in other clients