얻을 수 있는 것

  • 글꼴과 이미지가 내장되어 네트워크 요청이 없는 HTML 파일 하나
  • 틸트 카드 히어로, 기능 벤토, 워크플로 스토리, 후기, 가격, 가입이 있는 홈페이지
  • 변경 기록, 고객 사례, 로그인, 약관, 404 페이지
  • 깨진 링크, 빠진 대체 텍스트, 남은 샘플 이름을 잡아내는 검증 도구
  • 크레딧 견적 후 PopNow로 생성하는 인물·사례 사진(선택)

이럴 때 좋아요

  • SaaS와 개발자 도구 출시 페이지
  • 첫날부터 완성된 제품처럼 보여야 하는 마케팅 사이트
  • 가격표와 폼이 작동하는 다크 제품 사이트 리디자인

이럴 때는 맞지 않아요

  • 밝거나 파스텔 톤인 브랜드(다크 전용 디자인)
  • 온라인 쇼핑몰이나 콘텐츠 위주 블로그
  • 히어로에 실제 제품 스크린샷이 꼭 들어가야 하는 페이지

사용 방법

Claude·ChatGPT에서

PopNow 스킬 사용: “다크 모드 SaaS 랜딩페이지”(dark-saas-landing-page). 할 일: 소규모 엔지니어링 팀을 위한 온콜 알림 도구 Tally의 랜딩페이지를 만들어 주세요. 요금제는 Free, Team 사용자당 $12, Business 사용자당 $24 세 가지입니다.

코딩 에이전트에서

/popnow-dark-saas-landing-page 소규모 엔지니어링 팀을 위한 온콜 알림 도구 Tally의 랜딩페이지를 만들어 주세요. 요금제는 Free, Team 사용자당 $12, Business 사용자당 $24 세 가지입니다.

이어서 해 보기

스포트라이트용 후기 인물 사진 세 장을 생성해 주세요. 가격부터 알려 주세요.

이걸 내 Next.js 앱의 app/(marketing) 아래로 옮겨 주세요.

미리 준비할 것

  • 제품명, 하는 일, 대표 성과
  • 기능 4–5개, 워크플로 3–4단계, 요금제
  • 실제 후기와 수치, 또는 플레이스홀더 사용 승인
  • 선택: PopNow API 키나 팀 사진

비슷한 스킬

전체 보기 →

자주 묻는 질문

프레임워크나 빌드 단계가 필요한가요?

아니요. 기본 결과물은 디스크에서 바로 열거나 어느 정적 호스팅에나 올릴 수 있는 HTML 파일 하나입니다. 이미 React, Vue, Svelte, Astro 프로젝트가 있다면 같은 섹션을 컴포넌트로 다시 만듭니다.

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

사진만 생성합니다. 후기 인물 사진, 신뢰 지표 줄의 작은 얼굴 사진, 고객 사례 이미지입니다. 히어로는 그려진 제품 화면이라 이미지가 필요 없습니다. 실행할 때마다 먼저 크레딧 견적을 보여 주고, 동의한 뒤에만 시작합니다.

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

네. 포함된 대체 인물 사진을 새 이름으로 쓰거나 이니셜 아바타로 대신하고, 아직 실제 사진이 필요한 자리를 알려 줍니다.

샘플 브랜드와 인물은 어떻게 되나요?

모두 교체됩니다. 완성된 페이지에 샘플 제품명, 인물, 회사가 남아 있으면 검증 도구가 실패 처리하며, 스킬이 지어내야 했던 내용은 확인할 수 있게 목록으로 정리합니다.