Design mockups, device frames and launch graphics live in your open Brayer studio tab.
Setup
Choose your client, copy the config, then fill in any required environment variables.
claude mcp add --transport http brayer https://usebrayer.com/mcp~/.codex/config.toml
[mcp_servers.brayer]
url = "https://usebrayer.com/mcp"
# codex mcp add brayer --url https://usebrayer.com/mcp~/.cursor/mcp.json
{
"mcpServers": {
"brayer": {
"url": "https://usebrayer.com/mcp"
}
}
}.vscode/mcp.json
{
"servers": {
"brayer": {
"type": "http",
"url": "https://usebrayer.com/mcp"
}
}
}~/.gemini/settings.json
{
"mcpServers": {
"brayer": {
"httpUrl": "https://usebrayer.com/mcp"
}
}
}claude_desktop_config.json · Customize › Connectors › Add custom connector
{
"mcpServers": {
"brayer": {
"command": "npx",
"args": [
"-y",
"mcp-remote",
"https://usebrayer.com/mcp"
]
}
}
}.trae/mcp.json
{
"mcpServers": {
"brayer": {
"url": "https://usebrayer.com/mcp"
}
}
}