# ScreensDesign MCP server
> Research mobile apps, onboarding flows, paywalls and competitors using real recorded screens, App Store reviews and creatives.
- Listing: https://mcp.tc/i/screensdesign
- Connect: use the server's own URL `https://api.screensdesign.com/v1/mcp` (OAuth sign-in at the server); clients connect to it directly. The listing link is a page, not an MCP endpoint.
- Type: remote (Streamable HTTP)
- Auth: OAuth sign-in
- Category: [Design, Websites & CMS](https://mcp.tc/c/design)
- Vendor: ScreensDesign
- Homepage:
- Docs:
- Repository:
## About
Connects an assistant to the ScreensDesign library of mobile app screens and recorded UX flows. You can discover apps and competitors, replay onboarding and paywall journeys in order, find UI references across apps, search App Store marketing screenshots, read public App Store reviews, and open your saved app collections.
It runs as a hosted Streamable HTTP endpoint at https://api.screensdesign.com/v1/mcp. Sign-in uses browser OAuth with a ScreensDesign account, and MCP access is included with ScreensDesign Pro. An optional companion skill, screensdesign-data, guides agents on choosing tools and citing sources.
## What it can do
- Discover apps and competitors by product, category or positioning
- Replay recorded onboarding and paywall flows in order
- Find UI references across apps or within one app
- Search by visual similarity to a reference image
- Read public App Store reviews for recurring complaints
- Search App Store marketing screenshots
- Open saved app collections and developer portfolios
## Example prompts
- "Compare onboarding in three high-revenue habit trackers and show where each paywall appears."
- "Find paywalls that show an annual subscription as a price per day."
- "Find apps similar to my sleep app idea and summarize their App Store complaints."
- "Open my saved app collection and compare the onboarding patterns across its apps."
## Install
### Claude Code
1. Run this in a terminal, in your project folder:
```bash
claude mcp add --transport http screensdesign https://api.screensdesign.com/v1/mcp
```
2. Start Claude Code, type `/mcp`, pick **screensdesign** and choose **Authenticate**. A browser window opens for the ScreensDesign sign-in.
Add `--scope user` to make it available in every project, not just this one.
### Claude Desktop
1. Open **Customize → Connectors**, click **+ Add**, then **Add custom connector**.
2. Name it **ScreensDesign** and paste this URL:
```url
https://api.screensdesign.com/v1/mcp
```
3. Click **Add**, then **Connect**, and sign in when ScreensDesign asks.
Claude Desktop’s JSON config file only starts local servers. Remote servers go through Connectors, and connectors you add on claude.ai show up here too.
### claude.ai
1. Open the connector form on claude.ai. This button fills in the name and URL for you:
[Add to claude.ai]() (opens connector settings)
2. Check that the URL reads `https://api.screensdesign.com/v1/mcp` and click **Add**.
3. Click **Connect** and sign in when ScreensDesign asks.
Free plans allow one custom connector. On Team and Enterprise plans an owner adds it under **Organization settings → Connectors**.
### ChatGPT
1. On chatgpt.com, open **Settings → Security and login** and turn on **Developer mode**.
2. Go to `chatgpt.com/plugins` and click **+** to create an app for a remote MCP server.
3. Paste `https://api.screensdesign.com/v1/mcp` as the server URL and choose **OAuth**. ChatGPT sends you to ScreensDesign to sign in.
Developer mode is available on the web for Plus, Pro, Business, Enterprise and Education accounts.
### Cursor
[Add to Cursor]() (opens Cursor)
Or add it by hand to `~/.cursor/mcp.json` (all projects) or `.cursor/mcp.json` (this project):
`mcp.json`:
```json
{
"mcpServers": {
"screensdesign": {
"url": "https://api.screensdesign.com/v1/mcp"
}
}
}
```
Cursor shows **Needs authentication** next to the server. Click the button beside it to sign in.
### VS Code
[Install in VS Code]() (opens VS Code)
Or from a terminal:
```bash
code --add-mcp '{"name":"screensdesign","type":"http","url":"https://api.screensdesign.com/v1/mcp"}'
```
Or commit it to the repo in `.vscode/mcp.json`:
`.vscode/mcp.json`:
```json
{
"servers": {
"screensdesign": {
"type": "http",
"url": "https://api.screensdesign.com/v1/mcp"
}
}
}
```
VS Code asks you to sign in the first time the server starts.
### Devin Desktop
1. Add it to `~/.config/devin/mcp_config.json` (macOS and Linux) or `%APPDATA%\devin\mcp_config.json` (Windows):
`mcp_config.json`:
```json
{
"mcpServers": {
"screensdesign": {
"serverUrl": "https://api.screensdesign.com/v1/mcp"
}
}
}
```
2. Refresh the MCP server list in Cascade and sign in when asked.
Devin Desktop is the new name for Windsurf. It reads `serverUrl` (or `url`) for remote servers.
### Codex
```bash
codex mcp add screensdesign --url https://api.screensdesign.com/v1/mcp
codex mcp login screensdesign
```
Or edit `~/.codex/config.toml` directly:
`config.toml`:
```toml
[mcp_servers.screensdesign]
url = "https://api.screensdesign.com/v1/mcp"
```
### Gemini CLI
```bash
gemini mcp add --transport http screensdesign https://api.screensdesign.com/v1/mcp
```
Then, inside Gemini CLI, run `/mcp auth screensdesign` to sign in.
This adds it to the current project. Add `-s user` to use it everywhere.
### Any client
Most clients accept this shape. Some name the URL field differently: `serverUrl` in Devin Desktop, `httpUrl` in Gemini CLI’s settings file.
```json
{
"mcpServers": {
"screensdesign": {
"type": "http",
"url": "https://api.screensdesign.com/v1/mcp"
}
}
}
```
Zed puts servers under `context_servers` in its settings. Cline needs `"type": "streamableHttp"`, or it assumes SSE.
Client only starts local servers? Bridge it with `npx -y mcp-remote https://api.screensdesign.com/v1/mcp`.
## Details
- Server version: 1.0.1
- Last checked: 2026-10-07 (reachable, asks for credentials)
- Listed: 2026-10-05
- Updated: 2026-10-05
---
Source: https://mcp.tc/i/screensdesign (mcp.tc is an independent directory, not affiliated with this server's publisher). Corrections: https://mcp.tc/report