구현 형태
AI 도색 시뮬레이션 웹 제품
제품 브리프
업로드 뒤 바로 before/after 시안을 보여주는 파이프라인이 제품의 핵심이었습니다.
Paint Preview AI는 건물 사진을 업로드하면 도장 가능한 면을 찾고 색상 시안을 before/after로 보여주는 웹 시뮬레이터입니다. 시공 전 결과를 먼저 보여줘야 하는 상황에서 빠른 합의를 돕는 용도로 설계했습니다.
구현 범위에는 space detect, target detect, surface analyze, palette generate, paint edit가 API 파이프라인으로 분리돼 있고, 결과 갤러리와 다운로드 흐름까지 이어집니다. AI 시각화 기능을 실제 웹 제품 플로우로 묶은 작업입니다.
구현 범위
해결한 문제
해결한 문제
실제 시공 전 색상 합의를 해야 해서, 업로드 후 결과가 빨리 나오고 비교가 쉬워야 했습니다.
핵심 구현
공간 탐지, 대상 탐지, 표면 분석, 팔레트 추천, 페인트 편집을 API 파이프라인으로 묶고 결과 갤러리와 다운로드를 붙였습니다.
적합한 제품 유형
시공, 견적, 상담 전에 먼저 결과 시안을 보여줘야 하는 AI 시각화 제품에 맞습니다.
기술 구조
제품 근거
주 스택
Next.js 16 · React 19 · Tailwind
데이터 · 동기화
Gemini · Sharp · Upstash Redis · Vercel Blob
운영 포인트
exterior/parking 제한 · 갤러리 · 사용량 제한
스택
웹 프론트
Next.js 16React 19TypeScriptTailwind CSSRadix UIFramer MotionZustand
이미지 파이프라인
@google/genaisharpapp/api/*core/engines/*palette generationbefore/after processing
저장 · 운영
Upstash RedisVercel Blobremote configpublic galleryusage capengine-test
연동
GeminiUpstash RedisVercel BlobSharp
화면
제품 근거
웹
앱
비슷한 제품, 내부 도구, 출시 가능한 첫 버전이 필요하다면
현재 문제, 대략적인 범위, 참고 링크만 있어도 제품 구조와 출시 범위부터 정리할 수 있습니다.