Give AI agents real app screens, onboarding flows, paywalls, competitor research, and App Store reviews through the ScreensDesign MCP. For Claude Code, Codex, and Cursor.
Setup
Choose your client, copy the config, then fill in any required environment variables.
claude mcp add --transport http screensdesign https://api.screensdesign.com/v1/mcp~/.codex/config.toml
[mcp_servers.screensdesign]
url = "https://api.screensdesign.com/v1/mcp"
# codex mcp add screensdesign --url https://api.screensdesign.com/v1/mcp~/.cursor/mcp.json
{
"mcpServers": {
"screensdesign": {
"url": "https://api.screensdesign.com/v1/mcp"
}
}
}.vscode/mcp.json
{
"servers": {
"screensdesign": {
"type": "http",
"url": "https://api.screensdesign.com/v1/mcp"
}
}
}~/.gemini/settings.json
{
"mcpServers": {
"screensdesign": {
"httpUrl": "https://api.screensdesign.com/v1/mcp"
}
}
}claude_desktop_config.json · Customize › Connectors › Add custom connector
{
"mcpServers": {
"screensdesign": {
"command": "npx",
"args": [
"-y",
"mcp-remote",
"https://api.screensdesign.com/v1/mcp"
]
}
}
}.trae/mcp.json
{
"mcpServers": {
"screensdesign": {
"url": "https://api.screensdesign.com/v1/mcp"
}
}
}