Verified generative visualization for React and agents, with deterministic chart validation, repair, rendering evidence, and MCP.
Semiotic MCP server is a locally run integration for AI assistants that speak the Model Context Protocol. Verified generative visualization for React and agents, with deterministic chart validation, repair, rendering evidence, and MCP.
A React data visualization library designed for AI-assisted development.
Installation goes through your MCP client rather than a global install: point it at semiotic-mcp on npm and it is fetched when the client starts. The copy-paste blocks for Claude Desktop, Claude Code and Cursor are further down this page.
Once Semiotic is connected, these are the calls the assistant has available:
Layer — ForCharts — Common chart forms with chart-level propsFrames — Full control over rendering, interaction, and layoutYou will need one environment variable: ANTHROPIC_API_KEY. The server will not start without them, which is usually why the tools fail to appear on a first run. Keep credentials in your client's env block or a secrets manager rather than in a file you might commit.
This sits in the developer tooling group, where several servers overlap in what they claim to do but differ sharply once you actually set them up. Semiotic's toolset — Layer, Charts, Frames — is a fair guide to whether it matches your workflow. It is maintained by nteract; worth a glance at recent repository activity before you build anything load-bearing on it.
This entry was verified against Semiotic's own documentation before publication; SyncDev keeps the directory reviewed rather than auto-generated.
| Tool | What it does |
|---|---|
| Layer | For |
| Charts | Common chart forms with chart-level props |
| Frames | Full control over rendering, interaction, and layout |
{
"mcpServers": {
"semiotic": {
"command": "npx",
"args": ["-y", "semiotic-mcp"],
"env": {
"ANTHROPIC_API_KEY": "your-value"
}
}
}
}Add to claude_desktop_config.json, then restart Claude Desktop.
| Variable | Description | Required |
|---|---|---|
| ANTHROPIC_API_KEY | Credential the server authenticates with. | Yes |
Kill hallucinated APIs — version-accurate, up-to-date library documentation injected straight into context.
Microsoft's official browser automation server — drive a real browser through the accessibility tree, no screenshots needed.
GitHub's official server — repos, issues, pull requests, Actions and code security, straight from your assistant.
Issue tracking at the speed of conversation — Linear's official hosted server with OAuth and zero install.
Local repository surgery — status, diffs, commits, branches and history for any repo on disk.
Timezone sanity for AI — current time anywhere and correct conversions, without the model doing date math.