1
Add it to Claude Code
claude mcp add semiotic -- npx semiotic-mcpTry It Out
After setup, try these prompts with your AI agent:
→Generate a line chart component using the salesData array with month on the x-axis and revenue on the y-axis.
→Create a network graph visualization for the provided node and edge data.
→Help me diagnose why my chart component is not rendering correctly using the semiotic doctor tool.
→Create a coordinated dashboard with a scatterplot and a histogram that share the same data source.
Prerequisites & system requirements
- An MCP-compatible client (Claude Code, Cursor, Windsurf, Claude Desktop, or Codex)
- Node.js 18+ with npm/npx installed
Keep this setup from going cold
Save the docs, env vars, and workflow around Semiotic in Conare so Claude Code, Codex, and Cursor remember it next time.