Curio — design style library

Name: Curio — design style library
Author: designbycurio

designbycurio

Connect your AI to Curio — a design-style library for AI agents (MCP). Find styles by use or mood, preview them on real layouts, apply the spec. Gemini CLI extension + install guides for Claude/Cursor/Codex/VS Code.

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 curio-design-style-library https://mcp.designbycurio.com/mcp --header 'Authorization: <AUTHORIZATION>'

~/.codex/config.toml

[mcp_servers.curio-design-style-library]
url = "https://mcp.designbycurio.com/mcp"
http_headers = { Authorization = "<AUTHORIZATION>" }

# codex mcp add curio-design-style-library --url https://mcp.designbycurio.com/mcp

~/.cursor/mcp.json

{
  "mcpServers": {
    "curio-design-style-library": {
      "url": "https://mcp.designbycurio.com/mcp",
      "headers": {
        "Authorization": "<AUTHORIZATION>"
      }
    }
  }
}

.vscode/mcp.json

{
  "servers": {
    "curio-design-style-library": {
      "type": "http",
      "url": "https://mcp.designbycurio.com/mcp",
      "headers": {
        "Authorization": "<AUTHORIZATION>"
      }
    }
  }
}

~/.gemini/settings.json

{
  "mcpServers": {
    "curio-design-style-library": {
      "httpUrl": "https://mcp.designbycurio.com/mcp",
      "headers": {
        "Authorization": "<AUTHORIZATION>"
      }
    }
  }
}

claude_desktop_config.json · Customize › Connectors › Add custom connector

{
  "mcpServers": {
    "curio-design-style-library": {
      "command": "npx",
      "args": [
        "-y",
        "mcp-remote",
        "https://mcp.designbycurio.com/mcp",
        "--header",
        "Authorization:<AUTHORIZATION>"
      ]
    }
  }
}

.trae/mcp.json

{
  "mcpServers": {
    "curio-design-style-library": {
      "url": "https://mcp.designbycurio.com/mcp",
      "headers": {
        "Authorization": "<AUTHORIZATION>"
      }
    }
  }
}

Setup

Related