ParthJadhav/app-store-screenshots

해결하는 문제

Apple App Store 및 Google Play Store용 전문적이고 스토어에 바로 사용할 수 있는 마케팅 스크린샷 생성을 자동화합니다. 그래픽 디자인 도구에서 각 슬라이드를 수동으로 디자인하는 대신, 기기 프레임, 정확한 스토어 해상도 및 멀티 플랫폼 내보내기를 처리하는 전용 에디터를 제공합니다.

작동 방식

이 프로젝트는 AI 코딩 에이전트(Claude Code 또는 Cursor 등)를 위한 "스킬"입니다. 호출되면 에이전트는 전용 스크린샷 에디터 역할을 하는 완전한 Next.js 애플리케이션을 스캐폴딩합니다. 이 에디터는 화면 경계를 넘어 요소를 드래그할 수 있는 연결된 캔버스, 카피 및 레이아웃 편집을 위한 인스펙터, 그리고 버전 관리를 위해 프로젝트 상태를 JSON 파일로 저장하는 시스템을 갖추고 있습니다. 디자인이 완료되면, 이 도구는 Apple과 Google 모두에서 요구하는 정확한 해상도로 조정된 PNG의 ZIP 번들을 내보냅니다.

대상 독자

모든 스토어 요구 사항에 대해 이미지를 수동으로 크기 조정할 필요 없이 여러 기기 및 로케일에 대한 고품질 마케팅 자산을 생성해야 하는 앱 개발자와 디자이너.

주요 기능

• 연결된 캔버스: 요소가 여러 슬라이드에 걸쳐 있을 수 있는 연속적인 스크린샷 스트립을 디자인합니다.
• 멀티 플랫폼 지원: iPhone, iPad, Android 폰, Android 태블릿 및 Play Store 피처 그래픽용 자산을 생성합니다.
• 스토어 준비 내보내기: App Store 및 Google Play에서 요구하는 정확한 해상도로 PNG 번들을 원클릭으로 내보냅니다.
• 에이전트 기반 설정: skills 프레임워크를 사용하여 AI 코딩 에이전트를 통해 설치 및 구성되도록 설계되었습니다.
• 현지화 지원: 다양한 로케일 및 RTL 인식 레이아웃에 대한 기본 제공 처리.