Claude Code가 이제 App Store 스크린샷 세트 전체를 생성합니다: 헤드라인, 번역, 디바이스 프레임, 모든 스토어 크기 포함
요약
Claude Code와 MCP 서버를 활용하여 App Store 및 Play Store용 스크린샷 세트를 자동으로 생성하는 도구가 공개되었습니다. 헤드라인 작성, 번역, 디바이스 프레임 적용 및 규격 검사까지 프롬프트 하나로 처리할 수 있습니다.
핵심 포인트
- MCP 서버를 통해 결정론적인 픽셀 작업 및 스토어 규격 준수
- Claude의 코드 분석 능력을 활용한 핵심 기능 선정 및 헤드라인 작성
- 다국어 번역 및 브랜드 색상 적용 자동화
- 오픈 소스(MIT)로 로컬 환경에서 API 키 없이 실행 가능
매 출시마다 스토어 스크린샷을 업데이트하는 것은 제품 출시 과정에서 가장 지루한 부분이었습니다: 6개의 스크린샷 x 2개의 플랫폼 x 모든 언어. 그래서 이제 이 모든 과정이 Claude Code 내의 프롬프트 하나로 해결됩니다. 워크플로우는 다음과 같습니다: MCP 서버가 결정론적인 픽셀 작업(디바이스 프레임, 정확한 스토어 규격, 브랜드 색상)을 수행하는 동안, Claude는 자신이 실제로 잘하는 일, 즉 코드베이스를 읽고, 보여줄 가치가 있는 이점을 선정하며, 강렬한 헤드라인을 작성하고, 이를 관용적으로 번역하는 일을 수행합니다. 터키어 İ와 독일어 움라우트(umlauts) 대문자가 정확하게 처리되며, 출력물은 구조적으로 App Store Connect 및 Play Console의 규격 검사를 통과합니다. 프롬프트 예시: "./raw-shots에 있는 스크린샷을 가져와서 전체 App Store 및 Play Store 세트를 생성해줘. 브랜드 색상은 #E31837, 스크린샷 6개, 영어와 터키어로 작성해줘." 오픈 소스 (MIT), API 키 불필요, 로컬에서 완전히 실행됩니다: https://github.com/mtbun/storeshots-mcp 설정 방법: claude mcp add storeshots -- npx -y storeshots-mcp. 또한 해당 리포지토리에는 가이드형 워크플로우(이점 발견, 렌더링 전 승인 단계)를 추가하는 선택적 기능도 포함되어 있습니다. 전체 서버는 아키텍처부터 CI 파이프라인에 이르기까지 Claude Code 자체로 구축되었습니다.
AI 자동 생성 콘텐츠
본 콘텐츠는 r/ClaudeAI의 원문을 AI가 자동으로 요약·번역·분석한 것입니다. 원 저작권은 원저작자에게 있으며, 정확한 내용은 반드시 원문을 확인해 주세요.
원문 바로가기