Gradients Studio

Name: Gradients Studio
Author: gradients

gradients

Gradients Studio MCP server: gradient backgrounds for heroes, OG images and decks, from Claude Code, Cursor, Codex and more

Setup

Choose your client, copy the config, then fill in any required environment variables.

Add to Cursor Add to VS Code

claude mcp add --transport http gradients-studio https://www.gradients.studio/mcp --header 'Authorization: <AUTHORIZATION>'

~/.codex/config.toml

[mcp_servers.gradients-studio]
url = "https://www.gradients.studio/mcp"
http_headers = { Authorization = "<AUTHORIZATION>" }

# codex mcp add gradients-studio --url https://www.gradients.studio/mcp

~/.cursor/mcp.json

{
  "mcpServers": {
    "gradients-studio": {
      "url": "https://www.gradients.studio/mcp",
      "headers": {
        "Authorization": "<AUTHORIZATION>"
      }
    }
  }
}

.vscode/mcp.json

{
  "servers": {
    "gradients-studio": {
      "type": "http",
      "url": "https://www.gradients.studio/mcp",
      "headers": {
        "Authorization": "<AUTHORIZATION>"
      }
    }
  }
}

~/.gemini/settings.json

{
  "mcpServers": {
    "gradients-studio": {
      "httpUrl": "https://www.gradients.studio/mcp",
      "headers": {
        "Authorization": "<AUTHORIZATION>"
      }
    }
  }
}

claude_desktop_config.json · Customize › Connectors › Add custom connector

{
  "mcpServers": {
    "gradients-studio": {
      "command": "npx",
      "args": [
        "-y",
        "mcp-remote",
        "https://www.gradients.studio/mcp",
        "--header",
        "Authorization:<AUTHORIZATION>"
      ]
    }
  }
}

.trae/mcp.json

{
  "mcpServers": {
    "gradients-studio": {
      "url": "https://www.gradients.studio/mcp",
      "headers": {
        "Authorization": "<AUTHORIZATION>"
      }
    }
  }
}

Setup

Related