
앱 스크린샷을 App Store용 미리보기 이미지로 변환하는 MCP 서버를 만들었습니다
요약
사용자가 제공한 앱 스크린샷을 App Store용 미리보기 이미지로 자동 변환하는 MCP 서버를 개발했습니다. 이 서버는 Claude가 앱의 색상과 테마를 분석하여 캡션을 제안하고, 프레임 및 캡션이 포함된 고해상도 이미지를 생성합니다.
핵심 포인트
- Claude AI를 활용하여 앱 색상 분석 및 테마/캡션 자동 제안 기능을 구현했습니다.
- Pillow 라이브러리를 이용해 별도의 에셋 없이 iPhone 프레임을 절차적으로 그렸습니다.
- 공식 MCP SDK와 stdio 도구를 결합하여 통합적인 워크플로우를 구축했습니다.
- 하나의 uvx 명령어로 설치 가능한 오픈 소스 서버입니다.
제가 만든 첫 번째 mcp 서버입니다. 이 서버는 원본 스크린샷을 폴더에 넣고 '이것들로 App Store 목업을 만들어 줘'라고 지시하면 작동합니다. Claude가 앱의 색상을 분석하고 테마와 캡션을 제안하며, 승인을 기다린 후 프레임과 캡션이 포함된 미리보기 이미지(1284×2778)를 생성하여 App Store Connect에 업로드할 준비를 마칩니다. 오픈 소스이며, 하나의 uvx 명령어로 설치할 수 있습니다. 저는 claude 코드를 사용하여 Pillow가 iPhone 프레임을 절차적으로 그리게 하고(별도의 에셋 필요 없음), 팔레트 추출기가 브랜드와 일치하는 테마를 선택하며, 공식 mcp SDK가 이를 세 개의 stdio 도구로 감싸는 도구를 만들었습니다. 예시 하나를 첨부합니다 - https://preview.redd.it/47t3p06ntlch1.png?width=1390&format=png&auto=webp&s=e41401baca852b84deaca4787097987ba4e7d925 /u/rishabh9012가 제출했습니다 [링크] [댓글]
AI 자동 생성 콘텐츠
본 콘텐츠는 r/ClaudeAI의 원문을 AI가 자동으로 요약·번역·분석한 것입니다. 원 저작권은 원저작자에게 있으며, 정확한 내용은 반드시 원문을 확인해 주세요.
원문 바로가기