detail-page-image

# 상세페이지 이미지 합성 (Detail Page Image Composer) ## 개요 13섹션 감정여정 상세페이지 이미지를 생성하고 세로 합성 PNG로 만드는 스킬입니다. moai-media:nano-banana를 백엔드로 사용하여 카테고리별 비주얼 톤이 일관된 13장의 섹션 이미지를 만들고, Pillow 단일 의존성으로 1080×12720 단일 합성 이미지를 산출합니다. ## 트리거 키워드 상세페이지 이미지, 상폐 이미지, 13섹션 이미지, 1080 12720, 상세페이지 합성, 상품 상세 이미지, combined.png, 상폐 합성본, 이커머스 이미지 합성 ## 사전 조건 1. **Pillow 설치**: `pip install Pillow` 또는 `uv pip install Pillow` - Python 3.10+ 환경 - 다른 의존성 없음 (NumPy 불필요) 2. **moai-media 플러그인 활성화**: 13섹션 이미지 생성에 nano-banana 사용 - 또는 사용자가 별도로 13장의 섹션 이미지를 준비해서 폴더 경로 제공 3. **상품 사진 1-14장**: 실제 상품 레퍼런스 (옵션이지만 권장) ## 워크플로우 ### 1단계: 입력 수집 다음을 확보합니다: - 13섹션 카피 JSON (`detail-page-copy` 스킬 출력) - 상품 사진 1-14장 경로 - 카테고리 (electronics/fashion/food/beauty/home/supplement/pet/kids/handmade/general) - ProductDNA (선택, `product-photo-brief` 스킬 출력) - 출력 디렉토리 (기본: `./commerce-output/{job_id}/`) ### 2단계: 13섹션 이미지 프롬프트 생성 각 섹션의 카피와 카테고리 비주얼 브리프를 합쳐 nano-banana 프롬프트를 작성합니다. `references/image-prompts.md` 참조 (섹션별 비주얼 언어, 합성 가이드). 각 섹션은 고유한 비주얼 언어를 가집니다: - **Hero**: cinematic_product_portrait — 풀블리드 + 드라마틱 림라이트 - **Pain**: emotional_photography_no_product — 어두운 톤, 상품 미노출 - **Problem**: clinical_infographic — 깔끔한 인포그래픽 - **Story**: editorial_split_before_after — Before/After 좌우 분할 - **Solution**: product_beauty_shot — 스튜디오 뷰티샷 - **How**: illustrated_step_sequence — 3단계 일러스트 - **Proof**: magazine_spread — 매거진 스프레드 - **Authority**: portrait_with_quote — 인물 포트레이트 + 인용 - **Benefits**: icon_grid_with_lifestyle — 아이콘 그리드 + 라이프스...