Now your LLM can generate
bar charts

30 Seconds to Joy

Configure your AI chat client to use our MCP server.

• Open your AI chat client's MCP settings and add the following to your "mcpServers" JSON:
Copy

{
  "UIDriver": {
    "transport": "Streamable-HTTP",
    "url": "https://mcp.uidriver.com/mcp"
  }
}

Cursor
• Go to Settings > Cursor Settings > Tools & MCP
• Click "New MCP Server" and paste in the JSON snippet above.
• You should now see a "UIDriver" MCP server in the list. Make sure it is switched on. It should show 6 tools enabled.
• You can test it by asking the LLM to create a UIDriver sample chart.
Claude
• For Claude and other clients that don't support URL-based MCP servers, use the above MCP server URL with mcp-remote.
ChatGPT
• In the ChatGPT web client, go to Settings > Connectors
• At the bottom of the panel, click on Advanced Settings and enabled Developer Mode.
• Click back and then click the Create button at the top right of the Connectors panel.
• In the New Connector dialog, enter "UIDriver" as the name and paste in the MCP server URL: https://mcp.uidriver.com/mcp Switch authentication to "No Authentication". Click to trust the application and finally click Create.
• You should now see a "UIDriver" enabled apps and connectors list. Click on it and you should see the information and actions listed.
• Try it out with the following prompt: Could you use UIDriver to create a sample chart for me.
Gemini
• The Gemini web app does not currently support third-party MCP servers, but you can use UIDriver with the Gemini CLI or Gemini Code Assist.
• See https://github.com/google-gemini/gemini-cli for more information.
• Can't wait? View a sample chart.