# view-sim MCP server

> Simulates various device displays and captures transparent PNG screenshots of websites using Playwright or a browser extension.

- Repository: https://github.com/itelo/view-sim
- Page: https://hostedmcp.org/servers/itelo/view-sim
- Transport: stdio
- Stars: 0
- License: MIT
- Latest version: 1.0.0

## Install

### Claude Code

```sh
claude mcp add view-sim -- npx -y view-sim-mcp
```

### Cursor (`~/.cursor/mcp.json`)

```json
{
  "mcpServers": {
    "view-sim": {
      "command": "npx",
      "args": [
        "-y",
        "view-sim-mcp"
      ]
    }
  }
}
```

### VS Code (`.vscode/mcp.json`)

```json
{
  "servers": {
    "view-sim": {
      "type": "stdio",
      "command": "npx",
      "args": [
        "-y",
        "view-sim-mcp"
      ]
    }
  }
}
```

### Claude Desktop (`claude_desktop_config.json`)

```json
{
  "mcpServers": {
    "view-sim": {
      "command": "npx",
      "args": [
        "-y",
        "view-sim-mcp"
      ]
    }
  }
}
```

### Codex (`~/.codex/config.toml`)

```toml
[mcp_servers.view-sim]
command = "npx"
args = ["-y", "view-sim-mcp"]
```

### Gemini CLI (`~/.gemini/settings.json`)

```json
{
  "mcpServers": {
    "view-sim": {
      "command": "npx",
      "args": [
        "-y",
        "view-sim-mcp"
      ]
    }
  }
}
```

## Environment variables

| Name | Required | Secret | Description |
|---|---|---|---|
| `VIEW_SIM_EXTENSION_IDS` | no | no | Comma-separated extension ids allowed to connect to the bridge (Chrome id and/or view-sim@itelo). Unset allows any extension. |

## FAQ

### Can I restrict access to the view-sim extension only?

Yes, you can set the VIEW_SIM_EXTENSION_IDS environment variable to its extension ID to allow only the extension to connect to the bridge.