얻을 수 있는 것

  • 23페이지짜리 제품 사이트를 담은 오프라인 HTML 파일 하나, 또는 내 프레임워크로 옮긴 버전
  • 모델 전환기 히어로, 실제 비율의 라인업, 하드웨어 벤토, 흰색 사양 카드
  • 갤러리, 전체 사양, 문의로 넘어가는 구성기가 있는 제품 페이지
  • 오프라인 안전성, 구조, 남은 샘플 이름을 확인하는 검증 도구
  • 선택: 먼저 가격을 보여 준 뒤 PopNow 제품 렌더링, 장면, 히어로 루프

이럴 때 좋아요

  • 로봇, 전기자전거, 드론, 오디오, 카메라 브랜드
  • 소규모 제품 가족의 출시 또는 카탈로그 사이트
  • 작동하는 페이지로 프리미엄 리디자인을 제안할 때

이럴 때는 맞지 않아요

  • 지금 결제를 받아야 하는 상점
  • 상품이 수백 개인 카탈로그
  • 따뜻하거나 장난스럽거나 소프트웨어만 파는 브랜드

사용 방법

Claude·ChatGPT에서

PopNow 스킬 사용: “하드웨어 제품 웹사이트”(hardware-product-website). 할 일: 우리의 세 가지 전기자전거 Arc 1, Arc 2, Arc Cargo의 사이트를 만들어 주세요. 가격, 주행 거리, 무게는 specs.csv에서 가져와 주세요.

코딩 에이전트에서

/popnow-hardware-product-website 우리의 세 가지 전기자전거 Arc 1, Arc 2, Arc Cargo의 사이트를 만들어 주세요. 가격, 주행 거리, 무게는 specs.csv에서 가져와 주세요.

이어서 해 보기

은색 배경에서 세 자전거의 스튜디오 사진을 생성하고, 세트 전체 견적을 먼저 알려 주세요.

자전거마다 경로 하나씩 해서 우리 Next.js 앱으로 옮겨 주세요.

미리 준비할 것

  • 제품명, 코드, 가격, 중요한 사양
  • 제품 사진, 또는 어울리는 세트를 만들 PopNow API 키
  • 파트너, 팀, 문의, 납기에 쓸 실제 사실

비슷한 스킬

전체 보기 →

자주 묻는 질문

로봇에만 맞나요?

아닙니다. 샘플 브랜드는 로봇 제조사이지만, 자전거, 드론, 스피커, 카메라, 악기 등 소규모 실물 제품 가족이라면 모두 맞습니다. 라인업 비율, 섹션, 라벨을 내 제품에 맞게 바꿀 수 있습니다.

주문도 받을 수 있나요?

구성기는 가격이 매겨진 사양을 만들어 견적 폼에 넘깁니다. 결제 서비스를 연결하기 전에는 결제를 받지 않으며, 페이지도 그렇게 밝힙니다.

제품 사진이 아직 없다면요?

제품을 적은 설명 하나로 일관된 세트를 생성할 수 있고, 총액을 먼저 견적 냅니다. 그 전에는 페이지에 이름표가 붙은 자리표시자 타일을 보여 줄 수 있습니다.

샘플에서 남은 것이 없는지 어떻게 확인하나요?

내장된 검증 도구가 샘플 브랜드, 제품, 사람, 파트너, 장소, 전화번호, 도메인 중 하나라도 남아 있으면 빌드를 실패시킵니다. 오프라인 안전성과 모든 링크가 페이지에 닿는지도 확인합니다.