[풀버전] 클로드코드로 고퀄리티 상세페이지 자동으로 만드는 방법 (기획, 카피라이팅, 디자인 모두)
[상세페이지 자동 생성기 (Landing Page Generator) GitHub 주소]
https://github.com/uxjoseph/landing-page-generator
*다운로드 받으신 후 API Key는 별도 발급 받으셔야 합니다!
[랜딩페이지 13가지 섹션 제작을 위한 카피라이팅 스크립트]
https://github.com/uxjoseph/landing-page-generator/blob/main/agents/03-copy.md
🤖 클로드 코드로 상세 페이지 자동화 리뷰: 에이전트 팀 구축부터 디자인·카피라이팅 100% 자동 생성
이번 영상에서는 클로드 코드 에이전트 팀과 Gemini API를 활용하여 상세 페이지 기획부터 디자인까지 100% 자동화하는 전체 실전 흐름을 보여드립니다. 기획, 카피, 디자인, 프롬프팅을 담당하는 멀티 에이전트가 13단계 랜딩 페이지 구조를 바탕으로 카피를 쓰고 이미지를 생성해 파이썬으로 길게 이어 붙이는 워크플로우를 단계별로 따라갈 수 있습니다. 화장품과 유모차 상세 페이지 테스트 샘플을 통해 프롬프트를 튜닝하고 고퀄리티 결과물을 만들어 외주 비용을 아끼는 실질적인 방법을 함께 정리합니다.
⏱️ Timestamps (타임스탬프)
0:34- 클로드 코드로 상세 페이지 100% 자동화 목표 소개
1:41 - 기획·카피·디자인·개발 에이전트 팀 워크플로우 설명
4:21 - 커서 에디터 기반 클로드 코드 개발 환경 세팅
5:56 - 에이전트 팀 구조도 기획 및 마크다운 파일 설계 과정
12:34 - 13단계 랜딩 페이지 구조화를 위한 시스템 프롬프트 작성
16:25 - 구글 AI 스튜디오 Gemini API 키 발급 및 ENV 설정 방법
19:29 - 화장품 상세 페이지 1차 테스트 생성 및 결과 확인
20:51 - 이미지 규격 조정과 실사 모델 반영을 위한 퀄리티 개선 튜닝
22:56 - 고도화된 화장품 상세 페이지 최종 완성본 리뷰
24:43 - 유모차 샘플을 활용한 추가 테스트 및 실전 활용 가이드
🔑 핵심 요점 (Key Points)
1. 클로드 코드의 공식 서브 에이전트와 스킬 구조를 활용해 상세 페이지 제작 전 과정을 자동화합니다.
2. 기획, 카피라이팅, 디자인, 프롬프팅 에이전트를 분리하여 세일즈에 최적화된 AI 자동화 파이프라인을 구성합니다.
3. 13단계로 세분화된 랜딩 페이지 기획 프롬프트를 시스템에 학습시켜 고객 공감과 문제 해결 스토리를 구조화합니다.
4. 구글 AI 스튜디오에서 Gemini API 키를 발급받고 환경 변수로 연동해 고퀄리티 이미지 생성을 자동 처리합니다.
5. 파이썬 스크립트를 활용해 여러 개로 분할 생성된 이미지를 하나의 긴 상세 페이지로 자동 병합합니다.
6. 테스트 생성을 거쳐 이미지 가로세로 규격, 실사 모델 비율, 제품 디테일 등을 단계적으로 튜닝하여 퀄리티를 높입니다.
7. 제공된 마크다운 구조도와 프롬프트 템플릿을 자신의 비즈니스 아이템에 맞춰 커스터마이징하는 전략을 제안합니다.
📝 세부 내용 요약 (Section Summaries)
■ 상세 페이지 자동화 제작 개요
클로드 코드를 중심에 두고 기획부터 카피라이팅, 디자인까지 상세 페이지 제작의 전 과정을 자동화하는 워크플로우를 1인 비즈니스와 크리에이터가 참고할 수 있도록 단계별로 보여줍니다.
■ 멀티 에이전트 팀 구조 설계
정보 수집, 리서치, 카피라이팅, 디자인, 프롬프팅 역할을 담당하는 서브 에이전트들을 나누고, 클로드 코드 공식 가이드라인에 맞춘 마크다운 파일 형태로 자동화에 최적화된 아키텍처를 설계합니다.
■ 개발 환경 세팅과 프롬프트 주입
커서 에디터에서 클로드 코드를 실행하고, 고객의 페인 포인트를 자극해 설득하는 13단계 랜딩 페이지 스토리라인 프롬프트를 시스템에 주입하여 에이전트가 세일즈 라이팅을 수행하도록 세팅합니다.
■ Gemini API와 병합 연동 방식
구글 AI 스튜디오에서 발급받은 Gemini 3 Pro API를 환경 변수로 연결하여 13개의 이미지를 생성하고, 파이썬 코드를 통해 하나의 길쭉한 상세 페이지 이미지로 통합하는 연동 방식을 다룹니다.
■ 테스트 생성과 퀄리티 튜닝
화장품 상세 페이지 샘플을 반복 생성하며, 가로세로 규격 1200 고정, 만화풍 이미지 제거, 실사 모델 비율 증가 등 클로드 코드 상에서 프롬프트를 수정해 상업적 활용이 가능한 프로덕트 수준으로 고도화하는 방법을 다룹니다.
■ 다른 아이템으로의 실험과 활용 범위
화장품에 이어 유모차 레퍼런스 이미지를 바탕으로 테스트를 진행하며, AI 크리에이터가 깃허브에 공유된 구조도와 프롬프트를 자신의 입맛에 맞게 커스터마이징하여 실전에 어떻게 사용할지 아이디어를 제시합니다.
----
[조쉬의 뉴스레터 및 소셜 미디어]
🗞️ 조쉬의 뉴스레터 (1만명 이상 구독 중)
뉴스레터를 구독하고, 가장 빨리 AI 인사이트를 받아보세요!
https://maily.so/josh
🔗 소셜 미디어 (도합 3만 이상)
Threads: https://www.threads.com/@joshproductletter
LinkedIn: https://www.linkedin.com/in/uxjosh/
🚀 ASC 모집 (연간 멤버십 프로그램)
조쉬의 '실행' 중심 연간 멤버십 프로그램 모집 정보를 확인하세요!
https://www.solopreneur.co.kr/
