VibeUI, inside your AI IDE

The official plugin ships the /vibeui command with the MCP wiring built in. Two commands:

claude plugin marketplace add Penny777btc/vibeui-plugin
claude plugin install vibeui@vibeui

Then, in any project:

/vibeui:vibeui dark saas landing page

Typing /vibeui autocompletes to the full command.

Skip the plugin and register the server directly:

claude mcp add --transport http vibeui https://www.vibeui.studio/api/mcp

Add to your project’s .cursor/mcp.json (or global ~/.cursor/mcp.json):

{
  "mcpServers": {
    "vibeui": {
      "url": "https://www.vibeui.studio/api/mcp"
    }
  }
}

Run “MCP: Add Server” → HTTP from the command palette, or add to .vscode/mcp.json (note the root key is servers):

{
  "servers": {
    "vibeui": {
      "type": "http",
      "url": "https://www.vibeui.studio/api/mcp"
    }
  }
}

One command:

codex mcp add vibeui --url https://www.vibeui.studio/api/mcp

For premium access, append --bearer-token-env-var VIBEUI_API_TOKEN and set that env var.

One command (or use the httpUrl field under mcpServers in ~/.gemini/settings.json):

gemini mcp add --transport http vibeui https://www.vibeui.studio/api/mcp

Add to ~/.codeium/windsurf/mcp_config.json (note the field name serverUrl):

{
  "mcpServers": {
    "vibeui": {
      "serverUrl": "https://www.vibeui.studio/api/mcp"
    }
  }
}

In the AI panel: Settings → MCP → Add → Manual, then paste:

{
  "mcpServers": {
    "vibeui": {
      "url": "https://www.vibeui.studio/api/mcp"
    }
  }
}

One CLI command, or paste the same JSON as Cursor in the IDE’s MCP panel:

codebuddy mcp add --transport http vibeui https://www.vibeui.studio/api/mcp

Any client that speaks MCP over streamable HTTP connects to the same endpoint. Where to find it in common clients:

To unlock premium templates, add one header when connecting:

Authorization: Bearer vibeui_...