AI 도구 연결
AI로 스크린샷 프로젝트를 만들고 편집한 뒤 웹사이트에서 확인하고 내보내세요.
서비스 연결
MCP가 활성화된 환경에서 AI 도구의 HTTP / Streamable HTTP 및 OAuth를 선택하고 아래 주소를 입력하세요. 브라우저에서 AppScreenshots에 로그인하여 허용할 프로젝트와 에셋을 선택하고 새 프로젝트 생성을 허용할지 결정하세요. 데이터베이스 접근 권한이나 API 키는 필요하지 않습니다.
https://appscreenshots.net/api/mcp에셋 준비
먼저 웹 편집기에서 원본 스크린샷을 업로드한 다음 해당 프로젝트나 개별 에셋을 허용하세요. 선택한 프로젝트에 이미 첨부된 에셋도 포함됩니다. MCP는 파일 업로드를 제공하지 않으며 채팅 첨부 파일은 자동으로 사용할 수 없습니다. 검색 결과 선택은 기존 선택을 유지하면서 표시된 항목만 추가합니다.
프롬프트 예시
허용된 에셋과 사용 가능한 템플릿으로 영어 App Store 스크린샷을 만들어 주세요. 짧은 제목과 깔끔한 레이아웃을 사용하고, 사용 가능한 브라우저 도구로 편집기를 열어 이미지를 확인하고 수정하세요. 마지막으로 웹사이트에서 내보낼 수 있는 프로젝트 링크를 주세요.
확인 및 내보내기
AI가 디자인과 문구를 제공하고 MCP가 편집 가능한 프로젝트를 저장합니다. get_project_preview는 편집기 링크와 확인 지침을 반환하며 이미지를 생성하지 않습니다. 브라우저 로그인은 MCP OAuth와 별개입니다. 새로고침 전에 저장하지 않은 변경 사항을 저장하거나 정리하세요. 브라우저나 이미지 도구가 없다면 AI는 링크를 제공하고 시각적 검토가 미완료임을 알려야 합니다. 웹 편집기에서 미리 보고 PNG/JPEG로 내보내세요.
접근 권한 관리
설정의 ‘연결된 AI 도구’에서 프로젝트와 에셋을 변경하거나 연결을 철회하세요. 철회하면 즉시 접근할 수 없으며 AI 도구에서 다시 연결할 수 있습니다. 허용되지 않은 프로젝트에는 접근할 수 없습니다. 동시 편집으로 버전 충돌이 발생하면 최신 버전을 읽은 후 수정하세요.
요금제 및 클라이언트
프로젝트 수, 유료 템플릿, 사용자 지정 글꼴 및 일괄 내보내기 제한이 그대로 적용됩니다. MCP는 클라우드 렌더링, 사이트 내 AI 이미지 생성, 구매, 삭제 또는 스토어 게시를 제공하지 않습니다. 브라우저 검토에는 Browserless나 백그라운드 렌더링 대기열이 필요하지 않습니다.
클라이언트는 Streamable HTTP와 브라우저 OAuth를 지원해야 합니다. Claude Code, Codex, Gemini CLI, Z Code, Kimi Code의 설정 방식은 서로 다르므로 설치된 버전의 HTTP/OAuth 설정을 사용하세요. ChatGPT는 계정 또는 워크스페이스의 사용자 지정 연결 기능이나 별도로 게시된 통합이 필요합니다. 브라우저 제어와 이미지 검토는 클라이언트 도구에 따라 달라집니다. 인증이 만료되면 AI 도구에서 연결을 다시 시작하세요.
AppScreenshots 문서