ShotAPI MCP Server

Name: ShotAPI MCP Server
Author: smallhandsome

제작자: smallhandsome버전 1.0.1i★ 1i클라우드에서 실행

레지스트리 이름io.github.smallhandsome/shotapi-mcp-server

설치 방법

What it does

Screenshot and HTML render MCP server for AI agents

Connects 클라우드에서 실행
Account or key No key needed
Category 웹 및 브라우저

설치

쓰고 있는 AI 앱을 고른 다음 설정을 복사하세요.

검사 2/3 통과 · 내가 묻는 내용은 제작자 서버(aiphotoshop.mynatapp.cc)를 거쳐요

먼저: 어떤 AI를 쓰시나요?

Claude웹 · 앱 · 모바일ChatGPT웹Claude Code터미널Cursor코드 에디터VS Code코드 에디터기타다른 앱

쓰는 앱을 고르면 아래에 단계가 나옵니다.

Claude에 연결할 수 있어요 · 약 2분

키 필요 없음, 설치 필요 없음 · claude.ai나 데스크톱 앱에서 한 번 설정하면 채팅에서 쓸 수 있어요 · 무료 계정은 1개까지 · Team/Enterprise는 소유자(Owner)가 추가

Claude의 Connectors 페이지 열기
CustomizeConnectors
완료
“+ Add” → “Add custom connector”를 누르고 이 2칸 채우기
여기서 복사해 Claude의 같은 이름 칸에 붙여 넣고 Continue를 누르세요
Name · 이름ShotAPI MCP Server
Remote MCP server URL · 주소https://aiphotoshop.mynatapp.cc/mcp
Authentication은 Claude가 찾은 그대로 두고 Add를 누르세요
완료
채팅에서 켜기
+ConnectorsShotAPI MCP Server
완료
해 보기
ShotAPI MCP Server을 써서 나에게 무엇을 해 줄 수 있는지 알려 주고, 하나 해 봐
✓ Claude가 ShotAPI MCP Server을 쓰고 있다고 하거나 답에 ShotAPI MCP Server 도구 이름이 나오면 연결된 거예요

메뉴 이름은 2026년 11월 11일에 Anthropic 도움말에서 확인 · 앱 버전에 따라 화면이 조금 다를 수 있어요

ChatGPT는 기업용 요금제에서만 연결돼요

웹의 ChatGPT Business, Enterprise, Edu에서 워크스페이스 관리자나 소유자가 추가해요 · Free, Plus, Pro를 쓰면: 내 ChatGPT 요금제로는 아직 MCP를 직접 연결할 수 없어요

웹 ChatGPT에서 MCP 추가 페이지 열기
Plugins+Add custom MCP server
완료
이름과 주소 입력
이름을 넣고 Connection에 주소를 붙여 넣은 뒤 경고에 체크하고 Create as a plugin을 누르세요
Name · 이름ShotAPI MCP Server
Connection · 주소https://aiphotoshop.mynatapp.cc/mcp
완료
채팅에서 ShotAPI MCP Server 고르기
새 채팅을 열고 입력 전에 플러그인 목록에서 ShotAPI MCP Server을 고르세요
완료
해 보기
ShotAPI MCP Server을 써서 나에게 무엇을 해 줄 수 있는지 알려 주고, 하나 해 봐
✓ ChatGPT가 ShotAPI MCP Server을 쓰고 있다고 하거나 답에 ShotAPI MCP Server 도구 이름이 나오면 연결된 거예요

메뉴 이름은 2026년 11월 11일에 OpenAI 도움말에서 확인 · 앱 버전에 따라 화면이 조금 다를 수 있어요

Claude Code에 연결할 수 있어요 · 약 2분

키 필요 없음, 설치 필요 없음

터미널 열기
Mac: Command+스페이스를 누르고 Terminal 입력 · Windows: PowerShell 열기
완료

이 명령을 붙여 넣고 Enter

claude mcp add --transport http --scope user shotapi https://aiphotoshop.mynatapp.cc/mcp

완료

Claude Code에서 /mcp 입력
ShotAPI MCP Server이 목록에 있고 연결됨으로 보이면 돼요
완료
해 보기
ShotAPI MCP Server을 써서 나에게 무엇을 해 줄 수 있는지 알려 주고, 하나 해 봐
✓ Claude Code가 ShotAPI MCP Server을 쓰고 있다고 하거나 답에 ShotAPI MCP Server 도구 이름이 나오면 연결된 거예요

메뉴 이름은 2026년 11월 11일에 Anthropic 도움말에서 확인 · 앱 버전에 따라 화면이 조금 다를 수 있어요

Cursor에 연결할 수 있어요 · 약 2분

키 필요 없음, 설치 필요 없음

이 버튼으로 Cursor 열기
Cursor에서 열기
Cursor가 설치를 확인하면 Install을 누르세요
완료
Cursor에서 AI 채팅을 Agent 모드로 열기
완료
해 보기
ShotAPI MCP Server을 써서 나에게 무엇을 해 줄 수 있는지 알려 주고, 하나 해 봐
✓ Cursor가 ShotAPI MCP Server을 쓰고 있다고 하거나 답에 ShotAPI MCP Server 도구 이름이 나오면 연결된 거예요

메뉴 이름은 2026년 11월 11일에 Cursor 도움말에서 확인 · 앱 버전에 따라 화면이 조금 다를 수 있어요

VS Code에 연결할 수 있어요 · 약 2분

키 필요 없음, 설치 필요 없음

이 버튼으로 VS Code 열기
VS Code에서 열기
VS Code가 설치를 확인하면 Install을 누르세요
완료
VS Code에서 AI 채팅을 Agent 모드로 열기
완료
해 보기
ShotAPI MCP Server을 써서 나에게 무엇을 해 줄 수 있는지 알려 주고, 하나 해 봐
✓ VS Code가 ShotAPI MCP Server을 쓰고 있다고 하거나 답에 ShotAPI MCP Server 도구 이름이 나오면 연결된 거예요

메뉴 이름은 2026년 11월 11일에 VS Code 도움말에서 확인 · 앱 버전에 따라 화면이 조금 다를 수 있어요

Windsurf, Zed, Gemini CLI 같은 다른 MCP 앱은 추가 방법이 저마다 달라요. 앱 목록에서 확인하세요

MCP를 쓰는 앱 모두 보기 →

웹으로 연결하는 앱용 주소

주소https://aiphotoshop.mynatapp.cc/mcp

JSON 설정은 아래 “개발자용”에 있어요

막혔나요? ShotAPI MCP Server을 쓰는 사람에게 물어보세요💬 토론 →

개발자용: 터미널 명령과 JSON 설정

웹으로 연결

Claude Code

claude mcp add --transport http --scope user shotapi https://aiphotoshop.mynatapp.cc/mcp

Cursor (~/.cursor/mcp.json)

{
  "mcpServers": {
    "shotapi": {
      "url": "https://aiphotoshop.mynatapp.cc/mcp"
    }
  }
}

VS Code (mcp.json)

{
  "servers": {
    "shotapi": {
      "type": "http",
      "url": "https://aiphotoshop.mynatapp.cc/mcp"
    }
  }
}

이 설정은 제작자의 레지스트리 정보로 만들었어요. README와 다르면 README를 따르세요.

한눈에 보기

GitHub 스타 i: 1
주간 다운로드i: npm/PyPI에 없음
라이선스 i: 라이선스 표시 없음
연결 방식: 클라우드에서 실행
전송 방식: streamable-http
최신 버전i: 1.0.1
카테고리i: 웹 및 브라우저
레지스트리 공개i: 2026년 6월 11일
코드 마지막 변경i: 2026년 6월 17일
제작자: smallhandsome
저장소: smallhandsome/shotapi-mcp-server
웹사이트: github.com
레지스트리 상태: 활성

어떤 앱에서 쓸 수 있나요

이 서버의 연결 방식과 각 앱의 공식 문서를 바탕으로 했어요. 2026년 11월 10일 확인.

인터넷으로 연결하는 앱

Claude ChatGPT Goose LM Studio Msty Studio Cherry Studio Cursor VS Code + GitHub Copilot Visual Studio Windsurf (Devin Desktop)Zed Kiro Cline Continue JetBrains AI Assistant Claude Code Codex CLI Gemini CLI OpenCode nodecode Warp LibreChat Open WebUI Raycast

모든 앱과 장단점 →

할 수 있는 일

마지막으로 점검했을 때 서버가 응답하지 않아서 도구를 읽지 못했어요.

기본 점검i

누구나 볼 수 있는 정보를 점검했고, 코드는 읽지 않았어요. 해당하지 않는 항목은 개수에서 뺐어요. · 2026년 11월 12일 점검

✓ 통과
제작자와 저장소 일치
레지스트리 이름이 GitHub 계정 smallhandsome 기준으로 확인되었고, 이 계정이 저장소를 소유하고 있어요
✓ 통과
계속 관리되고 있음
코드 마지막 변경: 5개월 전
… 아직 점검 안 함
라이선스 있음
아직 GitHub에서 이 저장소를 읽어 오지 않았어요
✕ 실패
엔드포인트 응답
점검할 때 6초 안에 응답하지 않았어요
– 해당 없음
OAuth로 로그인
점검할 때 6초 안에 응답하지 않았어요
… 아직 점검 안 함
도구 설명에 숨겨진 지시 없음
아직 점검하지 않았어요. 엔드포인트를 점검할 때 도구 목록을 읽어요

토론

질문하고, 팁을 나누고, 안 되는 점을 알려 주세요. "도움이 됨"이 많은 순서예요.

아직 글이 없어요. 처음으로 질문하거나 공유해 보세요.

이곳의 글은 사용자가 쓴 것으로, PopNx 팀의 글이 아니에요.

Google로 로그인하고 글쓰기

사용자 리뷰

아직 리뷰가 없어요

Google로 로그인하고 리뷰 쓰기

웹 및 브라우저 카테고리의 다른 서버와 비교i

이 카테고리의 다른 서버 1475개 중 78%보다 스타가 많아요
이 카테고리의 다른 서버 1475개 중 11%보다 최근에 레지스트리에 공개됐어요
기본 점검 결과가 이 카테고리의 다른 서버 1475개 중 50%와 같거나 더 좋아요

레지스트리에서 이 카테고리의 활성 서버 전체와 비교했어요. 스타는 게시자가 저장소를 소유한 경우에만 세요.

자주 묻는 질문

ShotAPI MCP Server, 안전한가요?

해당하는 기본 점검 3개 중 2개를 통과했어요. 코드는 읽지 않았어요. 키나 토큰을 넣기 전에 서버가 어떤 권한을 요구하는지 확인하고, 꼭 필요한 권한만 있는 키를 쓰세요.

어떤 키나 코드가 필요한가요?

레지스트리에 필수 키가 나와 있지 않아요. 다만 처음 쓸 때 로그인을 요구하는 서버도 있어요.

내 컴퓨터에서 실행되나요, 클라우드에서 실행되나요?

제작자의 클라우드에서 실행돼요. 설치 없이 인터넷으로 연결하지만, 보내는 내용은 제작자의 서버를 거쳐요.

아직 관리되고 있나요?

GitHub 저장소는 마지막으로 5개월 전 변경됐고, 최신 버전(1.0.1)은 5개월 전 레지스트리에 올라왔어요.

어떤 앱에서 쓸 수 있나요?

Claude Desktop, Claude Code, Cursor, VS Code처럼 MCP를 지원하는 앱에서 쓸 수 있어요. URL로 연결되므로 원격 MCP를 지원하는 앱에서도 쓸 수 있어요. 예: ChatGPT Business 이상.

대신 쓸 수 있는 건 뭐가 있나요?

같은 카테고리에는: Browser Use, Scrapling MCP Server, Chrome DevTools MCP

같은 카테고리의 다른 것

같은 카테고리에서 다른 제작자가 만든 서버예요. 스타 순으로 정렬했어요.

카드 보는 법:↓ 주간 다운로드i★ GitHub 스타i세 기둥: 리뷰 · 점검 · 사용 정도i업데이트 = 최신 버전을 레지스트리에 공개한 날i

Browser Use

Browser agents and stealth cloud browsers for AI: run web tasks, fill forms, extract data.

제작자: browser-use널리 사용됨↓ 167.3만/주★ 12.1만22일 전 업데이트

컴퓨터 또는 클라우드✓ 서비스 회사 · browser-use.com

설치

Scrapling MCP Server

Web scraping with stealth HTTP, real browsers, and Cloudflare bypass. CSS selectors supported.

제작자: D4Vinci널리 사용됨↓ 39.7만/주★ 10.2만7일 전 업데이트

내 컴퓨터에서 실행

설치

Chrome DevTools MCP

MCP server for Chrome DevTools

제작자: ChromeDevTools널리 사용됨↓ 186.9만/주★ 5.5만어제 업데이트

내 컴퓨터에서 실행

설치

제작자의 README

README 열기

제작자의 저장소에서 쓰인 그대로 가져왔어요. PopNx MCP가 검토하거나 보증한 내용이 아니에요. HTML, 이미지, 스크립트는 제거했어요. 링크를 누르면 이 사이트를 벗어나요.

ShotAPI — Web Screenshot & Render MCP Server for AI Agents

Give your AI Agent eyes. One command, zero install.

中文文档

Quick Start (Remote Mode — No Install)

# Claude Code

claude mcp add --transport streamable-http shotapi https://aiphotoshop.mynatapp.cc/mcp

Or with npx

npx -y @anthropic-ai/claude-code@latest --mcp https://aiphotoshop.mynatapp.cc/mcp

For Claude Desktop / Cursor, add to your config:

"mcpServers": { "shotapi": { "type": "streamable-http", "url": "https://aiphotoshop.mynatapp.cc/mcp" } } }

Real Use Cases

1. Claude verifies its own code

Human: Build a landing page with a hero section, testimonials, and pricing grid.

Claude: [writes HTML/CSS code]

Claude: Let me check this with the render tool...

[Claude calls ShotAPI render tool with the HTML it wrote]

Claude: The pricing grid overlaps on mobile. Fixing responsive breakpoints...

2. Deployment verification

Human: I just deployed. Check if it looks right.

Claude: [calls ShotAPI screenshot on https://yourapp.com]

Claude: Footer text is cut off — CSS overflow issue. Background image 404.

3. UI regression in CI/CD

# Capture before/after screenshots and compare

curl -s "https://aiphotoshop.mynatapp.cc/v1/screenshot?url=https://staging.myapp.com" -o before.png curl -s "https://aiphotoshop.mynatapp.cc/v1/screenshot?url=https://staging.myapp.com" -o after.png

3 MCP Tools

Tool	Description	Example
`screenshot_one_liner`	One URL, one screenshot	`screenshot_one_liner(url="https://github.com")`
`screenshot`	Full control: viewport, full-page, CSS selector, format	`screenshot(url="https://github.com", selector="#hero")`
`render`	Render HTML/CSS to image — Agent writes code, sees result instantly	`render(html=" Hello ")`

The render tool closes the feedback loop: write code → render → see → revise → render again.

Why ShotAPI?

MCP-native — No glue code. Agent calls tools directly in conversation.
Zero install remote mode — streamable-http, no Python/Playwright needed.
Direct China access — No VPN required.
Free tier — 50 screenshots + 50 renders/month, IP-based, no signup, no API key. All features unlocked (full-page, selector, WebP).
Render capability — Not just screenshots of existing pages. Render Agent-generated HTML.
Built-in ad blocking — Cleaner screenshots, less noise.
Listed in MCP Registry — Official Anthropic MCP server directory.

Try It Now (No Signup)

curl -s "https://aiphotoshop.mynatapp.cc/v1/screenshot?url=https://github.com" -o shot.jpg

Pricing

Plan	Price	Limit
Free	$0	50+50/month (IP-based, all features, no signup)
Starter	$4.90/mo	5,000/month
Pro	$9.90/mo	20,000/month

Free tier: no API key needed. Paid: get key at pricing page.

Local Mode (STDIO)

For private deployments or paid-tier usage, run locally:

# Install dependencies

pip install -r requirements.txt playwright install chromium

Set env vars

export SHOTAPI_BASE_URL=https://aiphotoshop.mynatapp.cc export SHOTAPI_KEY=your_key_here # optional for paid tiers

Add to Claude Code

claude mcp add shotapi python mcp_stdio.py

ShotAPI MCP Server

What it does

설치

Claude의 Connectors 페이지 열기

“+ Add” → “Add custom connector”를 누르고 이 2칸 채우기

채팅에서 켜기

해 보기

웹 ChatGPT에서 MCP 추가 페이지 열기

이름과 주소 입력

채팅에서 ShotAPI MCP Server 고르기

해 보기

터미널 열기

이 명령을 붙여 넣고 Enter

Claude Code에서 /mcp 입력

해 보기

이 버튼으로 Cursor 열기

Cursor에서 AI 채팅을 Agent 모드로 열기

해 보기

이 버튼으로 VS Code 열기

VS Code에서 AI 채팅을 Agent 모드로 열기

해 보기

웹으로 연결

한눈에 보기

어떤 앱에서 쓸 수 있나요

할 수 있는 일

기본 점검i

제작자와 저장소 일치

계속 관리되고 있음

라이선스 있음

엔드포인트 응답

OAuth로 로그인

도구 설명에 숨겨진 지시 없음

토론

사용자 리뷰

웹 및 브라우저 카테고리의 다른 서버와 비교i

자주 묻는 질문

같은 카테고리의 다른 것

Browser Use

Scrapling MCP Server

Chrome DevTools MCP

제작자의 README

ShotAPI — Web Screenshot & Render MCP Server for AI Agents

Quick Start (Remote Mode — No Install)

Or with npx

Real Use Cases

1. Claude verifies its own code

2. Deployment verification

3. UI regression in CI/CD

3 MCP Tools

Why ShotAPI?

Try It Now (No Signup)

Pricing

Local Mode (STDIO)

Set env vars

Add to Claude Code

Links