얻을 수 있는 것

  • 글꼴과 이미지가 내장된 HTML 파일 하나, 또는 Next.js, React, Vue, Astro 포트
  • 홈, 필터가 있는 카탈로그, 상품 페이지, 컬렉션, 장바구니, 데모 결제
  • 사이즈 가이드, 배송, FAQ, 문의, 소개, 뉴스레터, 약관, 404 페이지
  • 링크, 구조, 오프라인 안전성, 남은 샘플 이름을 검사하는 검증 도구
  • PopNow로 만드는 톤을 맞춘 상품·캠페인 사진(선택, 실행마다 가격 안내)

이럴 때 좋아요

  • 스니커즈, 신발, 스포츠웨어 브랜드
  • 캠페인 느낌을 원하는 작은 의류 브랜드
  • 실제 장바구니를 연결하기 전에 개발자에게 넘길 스토어 프로토타입

이럴 때는 맞지 않아요

  • 당장 실제 결제 받기(결제 서비스를 연결하기 전까지 체크아웃은 데모)
  • 데이터베이스가 필요한 수백 개 상품 카탈로그
  • 강렬하거나 어둡거나 네온 톤인 브랜드 아이덴티티

사용 방법

Claude·ChatGPT에서

PopNow 스킬 사용: “스니커즈 쇼핑몰 템플릿”(sneaker-store-website). 할 일: 5개 모델을 EUR로 파는 작은 트레일 러닝화 브랜드 Northfold의 스토어를 만들어 주세요. 120 EUR 이상 무료 배송, 30일 반품 기간이 있습니다.

코딩 에이전트에서

/popnow-sneaker-store-website 5개 모델을 EUR로 파는 작은 트레일 러닝화 브랜드 Northfold의 스토어를 만들어 주세요. 120 EUR 이상 무료 배송, 30일 반품 기간이 있습니다.

이어서 해 보기

./photos에 있는 상품 사진을 스토어 배경에 올려 주세요. 가격부터 알려 주세요.

스토어를 내 Next.js 프로젝트로 옮기고 체크아웃은 데모로 유지해 주세요.

미리 준비할 것

  • 상품명, 가격, 컬러웨이, 사이즈
  • 컬렉션 2–4개와 배송·반품 정책
  • 상품 사진, 또는 생성용 PopNow API 키
  • 매장이 있다면 주소와 영업시간

비슷한 스킬

전체 보기 →

자주 묻는 질문

체크아웃에서 실제 결제가 되나요?

아니요. 폼을 검증하고, 배송 방법에 따라 합계를 바꾸고, 확인 화면을 보여 주지만, 결제 직전에 멈춘다는 점을 분명히 표시합니다. 결제 서비스 연결은 실제 프로젝트에서 별도로 진행하는 단계입니다.

직접 찍은 상품 사진을 쓸 수 있나요?

네. 넣기만 하면 스킬이 그대로 쓰고, 승인과 크레딧 견적을 거쳐 PopNow로 스토어 배경에 올리거나 배경을 제거해 그리드가 일관돼 보이게 할 수도 있습니다.

신발 대신 의류에도 쓸 수 있나요?

네. 사이즈는 문자 사이즈로, 사이즈 가이드는 치수표로, 발볼 옵션은 핏으로 바뀝니다. 컬렉션과 라인은 이름을 바꾸거나 없앨 수 있습니다.

PopNow API 키가 없으면요?

그래도 스토어는 만들어집니다. 상품에는 라벨이 붙은 플레이스홀더 타일이나 직접 찍은 사진이 들어가고, 아직 이미지가 필요한 자리를 답변에 정리해 줍니다.