Extract brand assets (logos, colors, backdrop images, brand name) from any website URL
Setup
Choose your client, copy the config, then fill in any required environment variables.
claude mcp add openbrand --env OPENBRAND_API_KEY='<OPENBRAND_API_KEY>' -- npx -y openbrand-mcp~/.codex/config.toml
[mcp_servers.openbrand]
command = "npx"
args = ["-y", "openbrand-mcp"]
env = { OPENBRAND_API_KEY = "<OPENBRAND_API_KEY>" }
# codex mcp add openbrand --env OPENBRAND_API_KEY='<OPENBRAND_API_KEY>' -- npx -y openbrand-mcp~/.cursor/mcp.json
{
"mcpServers": {
"openbrand": {
"command": "npx",
"args": [
"-y",
"openbrand-mcp"
],
"env": {
"OPENBRAND_API_KEY": "<OPENBRAND_API_KEY>"
}
}
}
}.vscode/mcp.json
{
"servers": {
"openbrand": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"openbrand-mcp"
],
"env": {
"OPENBRAND_API_KEY": "<OPENBRAND_API_KEY>"
}
}
}
}~/.gemini/settings.json
{
"mcpServers": {
"openbrand": {
"command": "npx",
"args": [
"-y",
"openbrand-mcp"
],
"env": {
"OPENBRAND_API_KEY": "<OPENBRAND_API_KEY>"
}
}
}
}claude_desktop_config.json
{
"mcpServers": {
"openbrand": {
"command": "npx",
"args": [
"-y",
"openbrand-mcp"
],
"env": {
"OPENBRAND_API_KEY": "<OPENBRAND_API_KEY>"
}
}
}
}.trae/mcp.json
{
"mcpServers": {
"openbrand": {
"command": "npx",
"args": [
"-y",
"openbrand-mcp"
],
"env": {
"OPENBRAND_API_KEY": "<OPENBRAND_API_KEY>"
}
}
}
}Environment variables
OPENBRAND_API_KEY
Replace the placeholders with your own credentials and keep them out of version control.