# 安装 ShotAPI MCP Server

- 类型: MCP 工具
- 说明: 为 AI 代理提供网页截图与 HTML 渲染能力，便于自动测试与页面分析。
- 仓库: https://github.com/smallhandsome/shotapi-mcp-server

## 方式一 · 一键代装（复制提示词让 AI 代劳）

### Claude Code
```
请帮我安装 askskill 上的 "ShotAPI MCP Server" MCP 服务：
执行：claude mcp add --transport http io-github-smallhandsome-shotapi-mcp-server https://aiphotoshop.mynatapp.cc/mcp
```

### Codex
```
请帮我安装 askskill 上的 "ShotAPI MCP Server" MCP 服务：
在 ~/.codex/config.toml 中添加：
[mcp_servers.io-github-smallhandsome-shotapi-mcp-server]
url = "https://aiphotoshop.mynatapp.cc/mcp"
然后重启 Codex 生效
```

### Cursor
```
请帮我安装 askskill 上的 "ShotAPI MCP Server" MCP 服务：
在 .cursor/mcp.json 的 "mcpServers" 中添加：
"io-github-smallhandsome-shotapi-mcp-server": { "url": "https://aiphotoshop.mynatapp.cc/mcp" }
然后在 Cursor 设置 > MCP 中启用
```

## 方式二 · 命令行安装（原生命令与配置）

### Claude Code
```bash
claude mcp add --transport http io-github-smallhandsome-shotapi-mcp-server https://aiphotoshop.mynatapp.cc/mcp
```

### Codex
```bash
codex mcp add io-github-smallhandsome-shotapi-mcp-server --url https://aiphotoshop.mynatapp.cc/mcp
```
配置文件 ~/.codex/config.toml：
```toml
[mcp_servers.io-github-smallhandsome-shotapi-mcp-server]
url = "https://aiphotoshop.mynatapp.cc/mcp"
```

### Cursor
配置文件 .cursor/mcp.json：
```json
{
  "mcpServers": {
    "io-github-smallhandsome-shotapi-mcp-server": {
      "url": "https://aiphotoshop.mynatapp.cc/mcp"
    }
  }
}
```
一键安装：cursor://anysphere.cursor-deeplink/mcp/install?name=io-github-smallhandsome-shotapi-mcp-server&config=eyJ1cmwiOiJodHRwczovL2FpcGhvdG9zaG9wLm15bmF0YXBwLmNjL21jcCJ9