얻을 수 있는 것

  • 글꼴과 이미지가 내장되어 네트워크 요청이 없는 HTML 파일 하나
  • 제품 콘솔, 기능 그리드, 투어 탭, 설치 코드, 후기, 가격이 있는 홈페이지
  • 회원가입, 로그인, 영업 문의, 릴리스 노트, 가동 상태, 약관, 404 화면 등 추가 페이지
  • 라이트·다크 테마와 링크, 폼, 남은 샘플을 검사하는 검증 도구
  • 크레딧 견적 후 PopNow로 생성하는 사진(선택)

이럴 때 좋아요

  • 스타트업 홈페이지와 SaaS 마케팅 사이트
  • 요금제 비교가 있는 가격 페이지
  • 개발자 도구나 API 제품 출시

이럴 때는 맞지 않아요

  • 온라인 쇼핑몰과 포트폴리오
  • 모든 섹션에 강렬한 색을 원하는 브랜드
  • 긴 에디토리얼이나 블로그 사이트

사용 방법

Claude·ChatGPT에서

PopNow 스킬 사용: “SaaS 랜딩페이지 템플릿”(saas-landing-page). 할 일: 소규모 재무팀을 위한 인보이스 대사 도구 Ledgerline의 홈페이지를 만들어 주세요. 요금제: Starter 무료, Team 월 $29, Scale 월 $99.

코딩 에이전트에서

/popnow-saas-landing-page 소규모 재무팀을 위한 인보이스 대사 도구 Ledgerline의 홈페이지를 만들어 주세요. 요금제: Starter 무료, Team 월 $29, Scale 월 $99.

이어서 해 보기

생성하기 전에 고객 사례 인물 사진 한 장과 3x3 후기 그리드 견적부터 알려 주세요.

상태 페이지는 빼고 변경 기록을 공개 로드맵으로 바꿔 주세요.

미리 준비할 것

  • 제품명, 대상 고객, 약속하는 핵심 성과 하나
  • 기능 4–6개와 실제 한도가 있는 요금제 2–4개
  • FAQ 답변, 정직한 수치, 사용 가능한 인용문
  • 선택: PopNow API 키나 직접 찍은 사진

비슷한 스킬

전체 보기 →

자주 묻는 질문

왜 제품을 스크린샷이 아닌 그려진 콘솔로 보여 주나요?

HTML과 SVG로 만든 콘솔은 선명하게 유지되고, 두 테마에 모두 어울리며, 호버와 기간 전환에 반응합니다. 새 스크린샷 없이도 내 제품의 개체와 숫자에 맞게 다시 꾸밀 수 있습니다.

여기서 PopNow는 무엇을 생성하나요?

사진만 생성합니다. 고객 사례 인물 사진, 에디토리얼 이미지 한 장, 그리드 이미지 한 장에서 잘라 낸 후기 아바타, 그리고 선택적으로 팀 사진이나 소셜 미리보기 카드입니다. 실행할 때마다 크레딧 견적을 보여 주고, 동의한 뒤에만 시작합니다.

PopNow API 키 없이도 쓸 수 있나요?

네. 후기는 이니셜 칩으로 대신하고, 에디토리얼 사진은 제품 카드로 바꿀 수 있으며, 포함된 중립적인 인물 사진을 새 이름으로 쓸 수 있습니다.

내 Next.js나 Astro 프로젝트 안에서도 작동하나요?

네. 스킬이 프로젝트를 살펴보고, 단일 파일 대신 같은 섹션을 내 스타일 설정에 맞춘 컴포넌트와 실제 라우트로 다시 만듭니다.