상세페이지 딸깍
상세페이지 만들기 힘드시죠? Ai로 딸깍 한 번에 완성
marketing›/detail-page-generator
에반9년차 개발자
상세페이지 딸깍
상세페이지 만들기 힘드시죠? Ai로 딸깍 한 번에 완성
11명이 사용중최근 업데이트 2026.08.18
에반9년차 개발자50%199,000원
99,000원
한번에 결제 시
상세페이지 하나 맡기면 견적은 수십만 원,
기다리는 건 2주.
설명만 했더니
상세페이지가
나왔어요.
Claude Code 스킬
결과물 HTML 1장
이미지까지 생성
REAL PAGES
말보다 결과물이
빠를 것 같아서요.
스킬샵에서 지금 팔리고 있는 상세페이지 두 개.
둘 다 이 스킬이 만들었어요.
색이 서로 다른 건 각자 판매자의 브랜드 색이라 그렇습니다.
PROBLEM
이 중에 하나는
겪어봤을 거예요.
사진은 있는데 어디에 뭘 놓아야 할지를 모르겠어..
글은 다 썼는데 읽어보면 안 팔릴 것 같아..
견적 받아보고 그냥 접었어..
직접 하자니 또 밤새야 하고..
견적서 한 장에
수십만 원.
그것도 한 번 만드는 값입니다.
2주를 기다렸는데
다시 처음부터.
수정 한 번에 또 일주일이 갑니다.
예쁘게 만드는 게
어려운 게 아니에요.
뭘 먼저 보여줄지, 그 순서가 어렵죠.
그래서 준비했어요.
먼저 이것저것
물어봅니다.
뭘 파는지, 누구한테 파는지, 첫 화면에서 뭘로 찌를지.
이 셋이 안 정해지면 페이지는 안 팔려요.
빈칸을 채우는 게 아니라 3개 중에 고르는 방식이라,
정하는 데 2분이면 됩니다.
사진도 같이
나와요.
쓸 사진이 없어서 못 만드는 경우가 제일 많습니다.
필요한 컷은 스킬이 직접 찍어서 채웁니다.
HYPERREAL 상세페이지에 실제로 들어간 인물 컷.
스튜디오도 모델도 없이 만들어졌습니다.
결과물은
HTML 한 장.
폴더도 없고 챙길 첨부 파일도 없어요.
파일 하나를 상세 입력란에 그대로 붙이면 끝납니다.
사진까지 파일 안에 들어 있어서
링크가 깨지거나 이미지가 안 뜰 일이 없어요.
폰에서 글자가
안 작아요.
상세페이지는 열에 아홉이 폰에서 읽힙니다.
그래서 처음부터 폭을 좁게 잡고 글자를 키워서 짭니다.
실제 스킬샵 상세 화면. 폰에서도 이 크기 그대로 읽힙니다.
AI 티를
잡아냅니다.
그라데이션 박스, 가짜 터미널 화면, 지어낸 별점.
이런 건 처음부터 못 쓰게 막아뒀어요.
지어낸 숫자 대신 실제 화면을 캡쳐해서 증거로 씁니다.
없는 후기는 만들지 않고, 그 자리는 비웁니다.
COMPARE
뭐가 달라지냐면요.
혹시 아직 이렇게 하고 있나요?
레퍼런스 찾다가 반나절
디자이너 일정 맞추다 일주일
사진은 또 따로 외주
수정 한 번에 다시 며칠
이렇게 만들어져요.
3개 중에 고르는 인터뷰 2분
필요한 사진은 그 자리에서 생성
HTML 한 장으로 조립
고칠 데는 말로 고치기
HOW
이렇게 진행돼요.
1
묻는 것부터 시작합니다
후킹 방향, 이미지 스타일, 뭘 파는지. 셋은 절대 알아서 정하지 않아요.
2
잘 팔린 페이지를 먼저 봅니다
실제 노트폴리오 페이지들을 슬라이스로 들고 있어서, 기억이 아니라 그 페이지를 보고 만듭니다.
3
사진을 찍습니다
슬롯마다 무슨 컷이 필요한지 먼저 적고, 그다음에 생성합니다.
4
한 장으로 조립합니다
이미지는 파일 안에 박아 넣어서, 링크가 깨질 일이 없어요.
5
채점하고 고칩니다
점수가 모자라면 그 항목만 고쳐서 다시 채점해요. 최대 세 번.
받는 것
상세페이지 한 세트
상세페이지 HTML 1장
페이지용 이미지 5~8장
채점표 1장
* 이미지 생성에는 별도 API 키가 필요합니다.
HYPERREAL 상세페이지의 한 구간.
이런 페이지가 파일 하나로 나옵니다.
FOR
이런 분들한테
잘 맞아요.
팔 건 있는데 상세페이지에서 막히는 분
사진도 있고 설명도 쓸 수 있는데,
어디에 뭘 놓아야 할지에서 매번 멈춰요.
외주비랑 일정을 줄이고 싶은 1인 판매자
견적 받고 2주 기다리는 사이클을
이번엔 건너뛰고 싶은 분.
AI로 만든 티가 나면 싫은 분
그라데이션 박스랑 지어낸 별점 없이,
사람이 만든 것처럼 보여야 하는 분.
디자인은 못 해도 설명은 할 줄 아는 분
말로는 다 풀 수 있는데
손으로는 못 만들던 분.
NOTE
미리 알고 계실 것
AI가 뭘 팔지까지 정해주진 않아요.
그건 인터뷰에서 직접 골라야 합니다.
Claude Code에서 도는 스킬이고,
이미지 생성은 API 키를 연결해야 동작합니다.
없는 후기와 지어낸 숫자는 쓰지 않습니다.
재료가 없는 자리는 비워둔 채로 나옵니다.
GET STARTED
상세페이지 비용,
어디에 쓰고 계세요?
외주는 보통 수십만 원부터 시작하고,
마음에 안 들면 다시 만드는 비용이 또 붙습니다.
혼자 붙들고 있으면 일주일이 날아갑니다.
그 자리를 스킬 하나가 대신합니다.
설명은 이미 할 줄 알잖아요.
오늘 하나 뽑아보세요.
오늘 하나 뽑아보세요.
