iPhone Duo 목업v1.0.0

iPhone Duo 목업

앱, 웹사이트, 동영상을 실제 3D iPhone Duo(Apple의 폴더블 iPhone)에 올려 주는 Skill입니다. 드래그하면 접히고, 클릭하면 열리거나 닫힙니다. 힌지가 돌면서 화면이 흐려지고, 미끄러지고, 다시 초점이 맞습니다. 투명 PNG나 접기 MP4를 내보내거나, 전체 소스로 나만의 도구를 만들 수 있습니다.

사용 방법

1. 화면 준비: 안쪽 큰 화면에 넣을 스크린샷이나 화면 녹화를 에이전트에게 주세요. 바깥쪽 작은 화면용 파일을 하나 더 줄 수도 있습니다.
2. 스타일 선택: 프레임(16:9, 1:1, 4:5, 9:16), 각도, 배경(투명, 단색, 풍경·그라데이션 사진, 내 이미지), 크기(1080p, 2K, 4K).
3. 스튜디오 열기: 설정이 적용된 스튜디오가 브라우저에서 열립니다. 무엇이든 바꾸고 새 파일을 끌어다 놓은 뒤 PNG 또는 동영상을 누르세요.
4. 파일만 필요할 때: 내보내기를 요청하면 에이전트가 헤드리스로 렌더링하고 확인한 뒤 전달합니다.

두 화면

화면	비율	권장 크기
큰 화면(안쪽)	가로, 약 1.42 : 1	2048 x 1440
작은 화면(커버)	세로, 약 0.69 : 1	1032 x 1500

이미지와 동영상 모두 지원합니다. 채우기는 화면에 맞게 잘라 내고(위치 슬라이더로 남길 부분 선택), 전체 보기는 전체를 보여 주고 주변을 색으로 채웁니다.

제공 결과물

• 원하는 자세의 투명 PNG.
• 60 fps 접기 MP4: 펼치기, 접기, 펼쳤다 접기. 2~12초, 카메라 흔들림 옵션.
• 스튜디오 전체 소스(HTML 파일 하나와 에셋)와 소스 맵. 에이전트가 제품 페이지나 목업 도구로 바꿀 수 있습니다.

요구 사항

Node.js 18 이상과 WebGL 2를 지원하는 데스크톱 브라우저. 헤드리스 내보내기에는 playwright-core와 Google Chrome 또는 Playwright Chromium이 필요합니다. API 키가 필요 없고 파일은 업로드되지 않습니다.

3D 휴대폰 모델과 데모 홈 화면의 앱 아이콘은 Apple의 것이며 권리는 Apple에 있습니다.