[페페] 지시 = 아트조이 상세페이지 생성기에 «포토샵» 편집기(사진 1장 모달 편집 → 원래 자리 적용 · 그라디언트 배경 수작업) + 만든 요소를 오토캐드 블록처럼 재사용하는 이력 + 자주 쓰는 에셋 모음(텍스트 배너 · 라인 · 아이콘 · 그 밖 상세페이지 요소 전부 — 생성기엔 자리만, 수집은 에이전트). 현재 상세페이지 구조 유지. 계획은 [코디], 실작업은 아트조이 AI PC 클로드. 아트조이 devplan 갱신이 우리 포털에 자동 반영되게.
엔진 대안 = Fabric.js(객체 모델 = 레시피 JSON 직렬화 기본) · Konva(필터·이미지 역직렬화 직접 복구) · miniPaint iframe(영어 UI·데이터 통합 어려움) · Photopea(외부·광고·오프라인 불가). 코덱스 = Fabric 추천.
넣는 자리 대안 = 사진 자리 교체 · 새 카드 타입 「블록 카드」 · 카드 위 자유배치 레이어(캡처 검증 충돌 위험). 상세페이지 디자이너 = 블록 카드 추천.
결정
[코디] 설계 골격 = «블록» 하나로 편집기와 에셋을 묶는다(블록 = 원본 불변 + 레시피 JSON + 결과 PNG + 버전, 에셋 = 기본 제공 블록). 슬롯은 URL 문자열 유지 + blockRef 꼬리표 → 860 출력 파이프라인 무변경.
[코디] 엔진 = Fabric.js 7.4.0(npm 실측 MIT). 코덱스가 댄 @fabricjs/browser 는 npm 404.
[페페] Q1 = 추천(사진 자리 + 블록 카드) 뒤집음 → 카드 안 자유 배치: 겹침 · 안겹침 요소, 사진도 이동, 에셋은 카드 배경 기준 가능, 레이어 앞뒤 순서, 카드 경계는 절대 안 넘음. 모바일 자동 변형 방안을 요청.
[페페] Q2 = A(버전 고정 + «여기만 · 전부 · 그대로» · 뽑은 JPG 불변). Q3 = A + 작업 중 ★ 즐겨찾기.
[코디] 실측 = 산출은 모바일형 · PC형 모두 860 JPG(쌍둥이 작업본, 글자 × 0.6 차이) → 폰용 재배치 불필요. 모바일 방안 추천 = M1 비율 + 기준점 자동 변환 + 경고 목록 + 그 쌍둥이만 손보정. 단계 P2 «카드 안 배치» 신설.