Claude Code, Codex, Gemini CLI에 앱스토어 스크린샷 디자인을 맡기세요. 에이전트가 편집 가능한 프로젝트를 만들고, 브라우저에서 검토한 뒤 내보내기 링크를 전달합니다.
https://appscreenshots.net/api/mcp명령 한 줄로 추가합니다. 무료 및 유료 플랜 모두 MCP를 포함합니다.
MCP란?
AppScreenshots는 https://appscreenshots.net/api/mcp에서 호스팅 MCP(Model Context Protocol) 서버를 운영합니다. Claude Code, Codex, Gemini CLI 같은 AI 도구가 내 계정에서 앱스토어 스크린샷 프로젝트를 만들고, 편집하고, 검토할 수 있게 해줍니다 — OAuth 브라우저 로그인 방식이며 API 키는 필요 없습니다.
디자인과 카피는 AI 에이전트가 담당합니다. MCP 서버에 저장되는 것은 실제 편집 가능한 프로젝트입니다. 템플릿, 기기 목업, 헤드라인, 배경이 모두 프레임 단위로 다듬을 수 있는 프로젝트가 됩니다.
미리보기와 내보내기는 웹사이트 에디터에서 이루어지므로, 직접 확인하기 전에는 아무것도 출시되지 않습니다.
승인된 템플릿과 에셋으로 기기 목업, 헤드라인, 그라데이션, 현지화 카피를 갖춘 스토어용 마케팅 스크린샷을 편집 가능한 프로젝트로 만듭니다.
simctl이나 fastlane snapshot은 기기 화면에 이미 있는 것을 촬영하는 도구입니다. 원본 캡처에는 그것들을 사용하고, 이미지는 여기 에셋으로 업로드하세요.
시작하기
아래 엔드포인트를 클라이언트에 추가한 뒤 브라우저 로그인으로 권한을 승인하세요. 이 페이지의 모든 클라이언트는 Streamable HTTP와 OAuth를 지원합니다.
claude mcp add --transport http --scope user appscreenshots https://appscreenshots.net/api/mcpclaude mcp add --transport http --scope user appscreenshots https://appscreenshots.net/api/mcp그다음: Claude Code에서 /mcp를 실행하고 브라우저에서 AppScreenshots를 승인합니다.
{
"mcpServers": {
"appscreenshots": {
"type": "http",
"url": "https://appscreenshots.net/api/mcp"
}
}
}{
"mcpServers": {
"appscreenshots": {
"type": "http",
"url": "https://appscreenshots.net/api/mcp"
}
}
}codex mcp add appscreenshots --url https://appscreenshots.net/api/mcpcodex mcp add appscreenshots --url https://appscreenshots.net/api/mcp그다음: codex mcp login appscreenshots 를 실행하면 브라우저 로그인이 열립니다.
[mcp_servers.appscreenshots]
url = "https://appscreenshots.net/api/mcp"[mcp_servers.appscreenshots]
url = "https://appscreenshots.net/api/mcp"gemini mcp add --transport http --scope user appscreenshots https://appscreenshots.net/api/mcpgemini mcp add --transport http --scope user appscreenshots https://appscreenshots.net/api/mcp그다음: Gemini CLI에서 /mcp auth appscreenshots 를 실행합니다.
{
"mcpServers": {
"appscreenshots": {
"httpUrl": "https://appscreenshots.net/api/mcp",
"oauth": {
"enabled": true
}
}
}
}{
"mcpServers": {
"appscreenshots": {
"httpUrl": "https://appscreenshots.net/api/mcp",
"oauth": {
"enabled": true
}
}
}
}https://appscreenshots.net/api/mcphttps://appscreenshots.net/api/mcp그다음: Kimi Code에서 /mcp-config를 열고 위의 HTTP 서버를 추가한 뒤 /mcp-config login appscreenshots 를 실행합니다. 저장 후 세션을 재시작하세요.
{
"mcpServers": {
"appscreenshots": {
"url": "https://appscreenshots.net/api/mcp"
}
}
}{
"mcpServers": {
"appscreenshots": {
"url": "https://appscreenshots.net/api/mcp"
}
}
}https://appscreenshots.net/api/mcphttps://appscreenshots.net/api/mcp그다음: 설정을 ~/.zcode/cli/config.json 의 mcp.servers 아래에 병합하거나 Settings → MCP에서 HTTP 서비스를 추가하세요. 세션을 재시작하고 메시지가 나타나면 OAuth 로그인을 완료합니다.
{
"mcp": {
"servers": {
"appscreenshots": {
"type": "http",
"url": "https://appscreenshots.net/api/mcp"
}
}
}
}{
"mcp": {
"servers": {
"appscreenshots": {
"type": "http",
"url": "https://appscreenshots.net/api/mcp"
}
}
}
}https://appscreenshots.net/api/mcphttps://appscreenshots.net/api/mcp그다음: 계정 또는 워크스페이스의 사용자 지정 MCP 연결 항목에서 위 엔드포인트와 OAuth를 사용하세요. 사용 가능 여부는 워크스페이스 설정에 따라 다릅니다.
GitHub의 공개 연결 키트에는 위 모든 클라이언트의 바로 쓰는 설정 파일, 워크플로를 알려주는 선택적 에이전트 Skill, 터미널에서 서버를 점검하는 doctor 명령이 들어 있습니다.
GitHub에서 appscreenshots-mcp 보기도구
읽기 도구는 권한, 템플릿, 프로젝트, 에셋을 확인합니다. 쓰기 도구는 프로젝트를 만들고 리비전이 검증된 구조화 편집을 적용합니다.
| 도구 | 기능 |
|---|---|
get_capabilities | 권한, 디자인 범위, 기기, 미리보기/내보내기 모드 확인 |
search_templates | 공개 템플릿 메타데이터 검색 |
get_template | 사용 권한이 있는 템플릿 읽기 |
list_projects | 승인된 프로젝트 나열, 페이지당 25개 |
get_project | 프로젝트의 현재 리비전과 편집 가능한 디자인 읽기 |
get_project_preview | 에디터 링크, 리비전, 페이지, 브라우저 검토 안내 받기 |
list_assets | 공유 에셋과 승인된 프로젝트의 에셋 나열 |
| 도구 | 기능 |
|---|---|
create_project | 템플릿 또는 빈 캔버스에서 프로젝트 만들기 |
update_project | 리비전 및 멱등성 보호가 적용된 구조화 편집 실행 |
작동 방식
연결된 모든 에이전트가 따를 수 있는 기본 흐름입니다.
클라이언트에 MCP 서버를 추가하고 AppScreenshots 계정으로 로그인합니다. 동의 페이지에서 도구가 사용할 프로젝트와 에셋, 프로젝트 생성 허용 여부를 선택합니다.
자연어로 스크린샷 세트를 요청합니다. 에이전트는 권한을 확인하고 템플릿을 검색해 편집 가능한 프로젝트를 만듭니다.
미리보기 도구가 에디터 링크를 반환합니다. 브라우저 도구가 있는 에이전트는 링크를 열어 스크린샷을 점검하고 시각적 문제를 MCP로 수정합니다.
모든 쓰기는 리비전 검증과 멱등성으로 보호되므로 현지화, 기기 변경, 스타일 변경을 요청해도 기존 프레임이 깨지지 않습니다.
같은 프로젝트를 웹사이트 에디터에서 열어 스토어용 이미지를 내보냅니다. 미리보기와 내보내기는 항상 직접 관리합니다.
사용 가능한 템플릿과 승인된 에셋으로 영어 App Store 스크린샷 프로젝트를 만들어 주세요. 짧은 헤드라인과 깔끔한 레이아웃을 사용하고, 브라우저 도구로 에디터를 열어 스크린샷을 점검하고 시각적 문제를 수정한 뒤 웹사이트에서 내보낼 수 있는 프로젝트 링크를 전달해 주세요.
예시
프로젝트는 계속 편집 가능하므로 추가 요청의 비용이 낮습니다.
“현재 프레임을 일본어와 독일어 버전으로 복제해 주세요. 레이아웃은 유지하고 헤드라인을 번역하되, 번역문 길이는 영어 버전의 20% 이내로 유지해 주세요.”
“기기 목업을 더 큰 Pro Max 모델로 바꾸고, 구도 균형이 맞도록 배경 그라데이션도 조정해 주세요.”
“두 번째 프레임을 어두운 배경으로 바꾸고, 헤드라인을 상단 1/3 지점으로 옮기고, 캡션에는 보조 강조색을 사용해 주세요.”
보안 및 제한
MCP 접근은 범위가 지정되고, 관찰 가능하며, 언제든 취소할 수 있습니다.
FAQ
AI 도구를 연결하기 전 개발자들이 자주 묻는 질문.
AppScreenshots MCP 서버를 AI 도구에 추가하고, 프롬프트 하나로 편집 가능한 스토어용 스크린샷 프로젝트를 만들어 보세요.