Communitygithub.com

창업자 사이트 카피라이터

브랜드 시스템과 피치 내러티브를 섹션별 웹사이트 카피와 레이아웃 방향으로 변환하여, Lovable 빌드 프롬프트와 론칭 체크리스트 형태로 제공합니다.

창업자 사이트 카피라이터란 무엇인가요?

이 스킬은 창업자가 브랜드 시스템(brand-system.md)과 피치 내러티브(pitch-narrative.md)를 기반으로 마케팅 또는 랜딩 페이지를 신속하게 제작할 수 있도록 돕습니다. 방문자 유형을 특정하고 단 하나의 행동(Call to Action)을 정의한 후, 피치 내용을 히어로, 문제, 작동 방식, 증거, CTA의 5개 섹션으로 구조화합니다. 각 섹션마다 브랜드 보이스에 맞춰 카피를 작성하고 레이아웃 방향을 제시하며, Lovable에서 바로 사용할 수 있는 프롬프트를 생성합니다. 최종 결과물은 site-copy.md 파일로, 론칭 체크리스트가 포함되어 있어 사이트 출시 전 놓치기 쉬운 항목을 점검합니다. 이 스킬은 주로 Lovable 플랫폼을 대상으로 하며, brand-identity-builder, pitch-narrative-architect, vibe-coding-prd 스킬과 함께 사용됩니다.

지원 대상~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/lexthirteen-ai/claude-loves-lovable-skills/tree/main/sessions/04-website/finished/founder-site-copywriter

즐겨 사용하는 AI에게 물어보기

이 에이전트 스킬이 미리 로드된 새 채팅을 엽니다.

문서

창업자 사이트 카피라이터은(는) 무엇을 하나요?

웹사이트는 모든 잠재 고객, 투자자, 사용자가 가장 먼저 보는 곳입니다. 그러나 대개는 가장 나중에 만들어지고 가장 먼저 사과하는 대상이 되곤 하죠. 빈 페이지에서 시작할 필요가 없습니다. 브랜드 시스템은 이미 어떻게 보이고 들려야 하는지를 정했고, 피치는 이미 무엇을 말할지를 정했습니다. 이 스킬은 둘을 결합해 사이트를 만듭니다.

사용 시점

  • 제품, 서비스 또는 내부 도구를 위한 마케팅 사이트나 랜딩 페이지가 필요할 때
  • 사이트는 있는데, 페이지 상단에서 무슨 일을 하는지 알 수 없을 때
  • 브랜드와 피치 작업이 완료되어 이를 웹에 반영하고 싶을 때

입력

  • brand-system.md: 카피를 위한 보이스 원칙, 레이아웃을 위한 팔레트와 타이포그래피
  • pitch-narrative.md: 문제, 인사이트, 제품, 증거, 제안
  • prd.md (존재할 경우): 제품이 실제로 어떻게 작동하는지에 대한 정보
  • 위 두 파일 중 하나라도 없으면, 대신 네 가지 질문을 합니다: 무엇인지, 누구를 위한 것인지, 어떤 문제를 해결하는지, 방문자가 취해야 할 한 가지 행동은 무엇인지
  • 사이트를 별도의 Lovable 프로젝트로 구축하세요. 앱이 준비되기 전에도 론칭할 수 있습니다. 앱이 이미 운영 중이라면 CTA가 앱으로 바로 연결될 수 있습니다.

프로세스

  1. 방문자를 지정하고, 한 가지 행동을 선택합니다. 사이트 방문자는 종종 피치의 청중과 다릅니다. 피치는 투자자를 대상으로 하지만 사이트는 사용자를 위한 것입니다. 실제로 페이지에 방문하는 사람이 누구인지 파악하세요. 그런 다음 그 방문자가 취해야 할 단 하나의 행동을 결정합니다: 대기자 명단 가입, 전화 예약, 무료 체험 시작, 앱 열기. 모든 섹션은 그 하나의 행동을 위해 존재합니다.
  2. 피치를 다섯 개 섹션으로 매핑합니다. 방문자는 히어로 → 훑어보기 → 결정 순서로 읽습니다. 이 순서에 맞게 작성하세요.
    • 히어로. 인사이트와 제품 슬라이드에서 구성합니다. 무엇이고 누구를 위한 것인지 알리는 헤드라인, 왜 다른지 설명하는 서브헤드, 그리고 하나의 CTA 버튼.
    • 문제. 문제 슬라이드에서 구성합니다. 사용자의 언어로 고통을 명명하여, 적합한 방문자가 "저야말로 그 사람이군"이라고 생각하게 만듭니다.
    • 작동 방식. 제품 및 작동 방식 슬라이드에서 구성합니다. 각각 짧은 동사 구문과 한 줄 설명으로 구성된 세 단계.
    • 증거. 트랙션 슬라이드에서 구성합니다: 실제 숫자, 실제 인용문, 실제 로고. 아직 없다면 명확하게 표시된 플레이스홀더나 창업자가 왜 이 제품을 만들었는지에 대한 메모를 사용하세요. 절대 가짜 증인을 만들어 내지 마십시오.
    • CTA. 제안 슬라이드에서 구성합니다. 하나의 행동을 반복하고, 가장 가능성 높은 반대 의견에 답변하며, 버튼 텍스트를 히어로와 동일하게 유지합니다.
  3. 브랜드 보이스로 카피를 작성합니다. 8단어 이하의 헤드라인. 짧은 문장. 다음 섹션으로 넘어가기 전에 각 섹션이 네 가지 보이스 원칙을 따르는지 확인합니다.
  4. 모든 섹션에 레이아웃 방향을 함께 제시합니다. 무엇이 어디에 위치하는지, 무엇이 강조되는지, 어떤 브랜드 색상이 그것을 담당하는지, 거기에 어떤 이미지나 스크린샷이 들어가는지. 빌더가 추측할 필요가 없을 정도로 구체적으로 작성합니다.
  5. 섹션별로 Lovable 프롬프트를 작성합니다. 각 프롬프트는 한 번에 하나씩 붙여넣습니다. 첫 번째 프롬프트가 페이지를 설정합니다. references/site-copy-template.md를 참조하세요.
  6. 검색 기초 정보를 작성합니다. 60자 이하의 페이지 제목, 155자 이하의 메타 설명, 소셜 공유 텍스트, 그리고 이것들을 설정하는 Lovable 프롬프트.
  7. 5초 테스트를 실행합니다. 히어로만 읽습니다. 낯선 사람이 무엇인지, 누구를 위한 것인지, 다음에 무엇을 해야 하는지 알 수 있습니까? 그렇지 않다면 다른 것보다 먼저 히어로를 다시 작성하세요.
  8. site-copy.md를 저장하고, 론칭 체크리스트로 마무리합니다.

출력

  • site-copy.md: 하나의 행동, 다섯 개 섹션(목적, 카피, 레이아웃 방향, Lovable 프롬프트), 검색 기초 정보, 론칭 체크리스트

론칭 체크리스트 (항상 포함)

  • 히어로가 5초 테스트를 통과합니다.
  • 하나의 CTA가 모든 곳에 동일한 단어로 나타나며 정상 작동합니다(직접 양식을 제출해 보십시오).
  • 페이지 제목, 메타 설명, 파비콘, 소셜 공유 이미지가 설정되었습니다. 로고가 생기기 전에는 제품 이니셜을 기본 색상으로 사용하는 것이 파비콘으로 적합합니다.
  • 빌더의 도메인 설정에서 커스텀 도메인이 연결되었습니다.
  • 분석이 활성화되어 방문 수와 CTA 클릭을 확인할 수 있습니다.
  • 휴대폰에서 위에서 아래로 확인했습니다.
  • 페이지에 플레이스홀더 텍스트나 가짜 증인이 남아 있지 않습니다.

가드레일

  • 하나의 행동. 기본 버튼과 경쟁하는 보조적인 "더 알아보기"가 없습니다.
  • 가짜 증인 금지. 플레이스홀더는 플레이스홀더로 표시되어야 하며 론칭 전에 제거되어야 합니다.
  • 재사용하고 재창조하지 마십시오. 피치와 브랜드가 이미 잘 설명하고 있다면 그 단어를 그대로 사용하십시오.
  • 구체성이 재치보다 낫습니다. "개인 모바일 그루머를 위한 예약 및 경로"가 "그루밍, 재창조"보다 낫습니다.

관련 스킬

brand-system.md (brand-identity-builder), pitch-narrative.md (pitch-narrative-architect), prd.md (vibe-coding-prd)를 읽습니다. 이 네 가지 스킬은 브랜드, 피치, 제품, 사이트를 함께 다룹니다.

Individual skills in this repo

This repo contains 1 individual skill — each has its own dedicated page.

관련 스킬