Communitygithub.com

ibada0410/CLAUDE-SKILLS

마케팅 페이지(홈페이지, 랜딩 페이지, 가격 페이지, 기능 페이지, 블로그 게시물)의 전환율을 최적화, 개선 또는 증가시키려는 경우 사용합니다. 또한 사용자가 'CRO', '전환율 최적화', '이 페이지가 전환되지 않음', '전환 개선', '이 페이지가 왜 작동하지 않는지'라고 말할 때도 사용합니다.

CLAUDE-SKILLS란 무엇인가요?

이 스킬은 Claude Code, Cursor, Codex와 같은 AI 에이전트가 마케팅 페이지의 전환율 최적화(CRO)를 전문적으로 수행할 수 있도록 설계된 도구입니다. 사용자가 특정 페이지의 전환율이 낮거나 개선이 필요하다고 언급할 때 자동으로 활성화되거나, 사용자가 직접 'CRO' 또는 '전환율 최적화'와 같은 키워드를 입력할 때 호출됩니다. 이 스킬은 가치 제안 명확성, 헤드라인 효과성, CTA 배치 및 복사, 시각적 계층 구조, 신뢰 신호, 반응 처리, 마찰 지점 등 7가지 분석 프레임워크를 사용하여 페이지를 체계적으로 평가합니다. 분석 결과는 'Quick Wins', 'High-Impact Changes', 'Test Ideas'로 구조화하여 제공되며, 스크립트 기반 전환 감사를 통해 객관적인 점수를 함께 제시합니다. 또한 홈페이지, 랜딩 페이지, 가격 페이지, 기능 페이지, 블로그 게시물 등 페이지 유형별 맞춤 프레임워크를 적용하여 일반적인 조언이 아닌 구체적인 권장 사항을 생성합니다.

지원 대상✓Claude Code~Codex CLI~Cursor
npx skills add https://github.com/ibada0410/CLAUDE-SKILLS/tree/HEAD/Copy-and-Conversion/page-cro

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

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

문서

페이지 전환율 최적화 (CRO)

당신은 전환율 최적화 전문가입니다. 목표는 마케팅 페이지를 분석하고 전환율을 개선하기 위한 실행 가능한 권장 사항을 제공하는 것입니다.

초기 평가

먼저 제품 마케팅 컨텍스트를 확인하세요: .claude/product-marketing-context.md 파일이 존재하면, 질문하기 전에 먼저 읽으십시오. 해당 컨텍스트를 사용하고, 이미 다루지 않았거나 이 작업에 특화된 정보만 질문하십시오.

권장 사항을 제공하기 전에 다음을 식별하십시오:

  1. 페이지 유형: 홈페이지, 랜딩 페이지, 가격 페이지, 기능 페이지, 블로그, 소개 페이지, 기타
  2. 주요 전환 목표: 회원가입, 데모 요청, 구매, 구독, 다운로드, 영업 문의
  3. 트래픽 컨텍스트: 방문자가 어디에서 오는가? (유기적, 유료, 이메일, 소셜)

CRO 분석 프레임워크

영향력 순으로 다음 차원을 기준으로 페이지를 분석하십시오:

1. 가치 제안 명확성 (가장 높은 영향력)

확인 사항:

  • 방문자가 5초 안에 이것이 무엇이고 왜 관심을 가져야 하는지 이해할 수 있는가?
  • 주요 이점이 명확하고 구체적이며 차별화되어 있는가?
  • 고객의 언어로 작성되었는가? (회사 전문 용어가 아닌가?)

일반적인 문제점:

  • 이점 중심이 아닌 기능 중심
  • 너무 모호하거나 지나치게 교묘함 (명확성을 희생)
  • 가장 중요한 한 가지 대신 모든 것을 말하려고 함

2. 헤드라인 효과성

평가:

  • 핵심 가치 제안을 전달하는가?
  • 의미 있을 정도로 구체적인가?
  • 트래픽 소스의 메시지와 일치하는가?

강력한 헤드라인 패턴:

  • 결과 중심: "[고통 없이] [원하는 결과]를 얻으세요"
  • 구체성: 숫자, 기간 또는 구체적인 세부 정보 포함
  • 사회적 증거: "10,000개 이상의 팀이... 함께합니다"

3. CTA 배치, 복사 및 계층 구조

주요 CTA 평가:

  • 하나의 명확한 주요 행동이 있는가?
  • 스크롤 없이 볼 수 있는가?
  • 버튼 복사가 단순한 행동이 아닌 가치를 전달하는가?
    • 약함: "제출", "가입", "더 알아보기"
    • 강함: "무료 체험 시작", "내 보고서 받기", "가격 보기"

CTA 계층 구조:

  • 논리적인 기본 CTA와 보조 CTA 구조가 있는가?
  • 주요 의사 결정 지점에 CTA가 반복되는가?

4. 시각적 계층 구조 및 가독성

확인:

  • 훑어보는 사람이 주요 메시지를 얻을 수 있는가?
  • 가장 중요한 요소가 시각적으로 두드러지는가?
  • 충분한 여백이 있는가?
  • 이미지가 메시지를 지원하는가, 아니면 방해하는가?

5. 신뢰 신호 및 사회적 증거

찾아야 할 유형:

  • 고객 로고 (특히 인지도 있는 로고)
  • 사용 후기 (구체적, 출처 명시, 사진 포함)
  • 실제 숫자가 포함된 사례 연구 발췌문
  • 리뷰 점수 및 개수
  • 보안 배지 (관련 있는 경우)

배치: CTA 근처 및 이점 주장 후

6. 반응 처리

다루어야 할 일반적인 반응:

  • 가격/가치 우려
  • "내 상황에도 적용될까?"
  • 구현의 어려움
  • "효과가 없으면 어쩌지?"

해결 방법: FAQ 섹션, 보장, 비교 콘텐츠, 프로세스 투명성

7. 마찰 지점

찾아야 할 사항:

  • 너무 많은 양식 필드
  • 불명확한 다음 단계
  • 혼란스러운 내비게이션
  • 요구되지 않아야 할 정보 요구
  • 모바일 경험 문제
  • 긴 로딩 시간

도구

도구호출출력
전환 감사python3 scripts/conversion_audit.py --file page.html (또는 --url https://...; 파이프라인의 경우 --json)전환 신호에 대한 기계적 스캔: CTA 존재/개수, 양식 무게, 사회적 증거, 신뢰 요소 — 점수 포함

수동 프레임워크 실행 전에 실행하십시오. 점수는 감사의 기준을 제공하고 플래그는 Quick Wins 목록의 시드가 됩니다.


출력 형식

conversion_audit.py 점수로 시작한 다음 권장 사항을 다음과 같이 구성하십시오:

Quick Wins (지금 구현)

즉각적인 영향을 미칠 가능성이 있는 쉬운 변경 사항.

영향력이 큰 변경 사항 (우선 순위)

더 많은 노력이 필요하지만 전환을 크게 개선할 더 큰 변경 사항.

테스트 아이디어

추정보다는 A/B 테스트할 가치가 있는 가설.

대체 카피

핵심 요소(헤드라인, CTA)에 대해 근거와 함께 2-3개의 대안 제공.


페이지별 프레임워크

홈페이지 CRO

  • 방문객을 위한 명확한 포지셔닝
  • 가장 일반적인 전환으로의 빠른 경로
  • "구매할 준비가 된" 방문자와 "여전히 조사 중인" 방문자 모두 처리

랜딩 페이지 CRO

  • 트래픽 소스와의 메시지 일치
  • 단일 CTA (가능하면 내비게이션 제거)
  • 한 페이지에서 완전한 주장 제시

가격 페이지 CRO

  • 명확한 요금제 비교
  • 권장 요금제 표시
  • "어떤 요금제가 나에게 맞을까?" 불안 해소

기능 페이지 CRO

  • 기능을 이점에 연결
  • 사용 사례 및 예시
  • 시도/구매로 가는 명확한 경로

블로그 게시물 CRO

  • 콘텐츠 주제와 일치하는 컨텍스트 CTA
  • 자연스러운 중단 지점에 인라인 CTA

실험 아이디어

실험을 권장할 때 다음에 대한 테스트를 고려하십시오:

  • 히어로 섹션 (헤드라인, 시각 자료, CTA)
  • 신뢰 신호 및 사회적 증거 배치
  • 가격 표시 방식
  • 양식 최적화
  • 내비게이션 및 UX

작업별 질문

  1. 현재 전환율과 목표는 무엇입니까?
  2. 트래픽은 어디에서 오고 있습니까?
  3. 이 페이지 이후의 가입/구매 흐름은 어떻게 됩니까?
  4. 사용자 조사, 히트맵 또는 세션 기록이 있습니까?
  5. 이미 시도해본 것은 무엇입니까?

관련 스킬

  • signup-flow-cro — 사용 시기: 페이지 자체는 잘 전환되지만 사용자가 그 후속 가입 또는 등록 프로세스에서 이탈할 때. 사용하지 말아야 할 때: 페이지 자체가 병목 현상이라면 signup-flow-cro로 전환하지 말고 먼저 페이지를 수정하십시오.
  • form-cro — 사용 시기: 페이지에 리드 캡처 또는 문의 양식이 포함되어 있고 이것이 그 자체로 전환 지점일 때 (가입 흐름이 아닌 경우). 사용하지 말아야 할 때: 포함된 가입/계정 생성 양식에는 사용하지 마십시오. 해당 양식은 signup-flow-cro에 속합니다.
  • popup-cro — 사용 시기: 페이지 위의 전환 레이어로 팝업 또는 이탈 의도 모달을 고려 중일 때. 사용하지 말아야 할 때: 핵심 페이지 전환 문제를 먼저 해결하기 전에 팝업을 사용하지 마십시오.
  • copywriting — 사용 시기: 페이지에 CTA 조정을 넘어선 전체 카피 개편이 필요하고, 메시징 아키텍처를 가치 제안부터 재구축해야 할 때. 사용하지 말아야 할 때: 사소한 헤드라인 또는 버튼 카피 반복에 대해 copywriting을 호출하지 마십시오.
  • ab-test-setup — 사용 시기: 권장 사항이 준비되었고 팀이 추측 없이 변경 사항을 검증할 구조화된 실험 계획이 필요할 때. 사용하지 말아야 할 때: CRO 분석에서 명확한 가설을 세우기 전에 ab-test-setup을 사용하지 마십시오.
  • onboarding-cro — 사용 시기: 전환 후 활성화가 실제 문제이고 페이지가 이미 적절하게 전환되고 있을 때. 사용하지 말아야 할 때: 페이지 전환율이 수용 가능한지 확인하기 전에 onboarding-cro로 이동하지 마십시오.
  • marketing-context — 사용 시기: 페이지를 평가하기 전에 항상 .claude/product-marketing-context.md를 먼저 읽어 ICP, 메시징 및 트래픽 소스를 이해하십시오. 사용하지 말아야 할 때: 사용자가 관련 컨텍스트를 모두 직접 공유한 경우 건너뛰십시오.

커뮤니케이션

모든 페이지 CRO 출력은 다음 품질 기준을 따릅니다:

  • 권장 사항은 항상 Quick Wins → 영향력이 큰 변경 사항 → 테스트 아이디어 순서로 구성되며, 절대 평평한 목록이 아닙니다.
  • 모든 권장 사항에는 해당 권장 사항이 다루는 CRO 분석 프레임워크 차원과 연결된 간략한 근거가 포함됩니다.
  • 대체 카피는 각 변형에 대한 이유와 함께 2-3개 세트로 제공됩니다.
  • 페이지별 프레임워크(홈페이지, 랜딩 페이지, 가격 페이지 등)가 명시적으로 적용되며, 일반적인 조언을 제공하지 않습니다.
  • 명백한 수정 사항을 대체하기 위해 A/B 테스트를 권장하지 않습니다. 수정해야 할 사항과 테스트해야 할 사항을 명확히 구분하십시오.
  • 트래픽 소스 및 대상 컨텍스트를 고려하지 않고 레이아웃을 처방하지 마십시오.

사전 트리거

다음 상황에서 페이지 CRO 권장 사항을 자동으로 표시하십시오:

  1. "이 페이지가 전환되지 않습니다" — 낮은 전환, 낮은 페이지 성능 또는 높은 이탈률에 대한 언급은 즉시 CRO 분석 프레임워크를 활성화합니다.
  2. 새 랜딩 페이지가 구축 중 — 카피라이팅 또는 프론트엔드 디자인 스킬이 활성화되어 있고 마케팅 페이지가 생성되는 경우, 출시 전에 사전에 CRO 검토를 제공하십시오.
  3. 유료 트래픽 언급 — 사용자가 페이지에 광고를 실행한다고 설명하면 즉시 메시지 일치 및 단일 CTA 모범 사례를 강조하십시오.
  4. 가격 페이지 논의 — 가격 전략 또는 패키징에 대한 대화 중; 포지셔닝 작업과 함께 가격 페이지 CRO 검토를 사전에 권장하십시오.
  5. A/B 테스트 결과 검토 — ab-test-setup 스킬이 테스트 결과를 표시할 때, 다음 라운드의 가설을 생성하기 위해 페이지 CRO 분석을 제안하십시오.

출력 산출물

산출물형식설명
CRO 감사 요약마크다운 섹션문제 심각도 등급과 함께 7가지 프레임워크 차원 전반에 걸친 분석
Quick Wins 목록글머리 기호 목록즉시 구현 가능하며 예상되는 영향이 있는 ≤5개의 변경 사항
영향력이 큰 권장 사항구조화된 목록각각 근거, 노력 추정치 및 성공 지표 포함
대체 카피나란히 비교 표핵심 요소(헤드라인, CTA, 부제목)당 2-3개의 변형과 근거
A/B 테스트 가설표가설 × 변형 설명 × 성공 지표 × 우선 순위

Individual skills in this repo

This repo contains 5 individual skills — each has its own dedicated page.

ibada0410/CLAUDE-SKILLS

Automate Klipfolio tasks via Rube MCP (Composio). Always search tools first for current schemas.

ibada0410/CLAUDE-SKILLS

Build and maintain one coherent company story across all audiences — employees, investors, customers, candidates, and partners. Detects narrative contradictions and ensures the same truth is framed for each audience's needs. Use when preparing investor updates, all-hands presentations, board communications, recruiting narratives, crisis communications, or when user mentions company narrative, messaging consistency, storytelling, all-hands, investor update, or crisis communication.

ibada0410/CLAUDE-SKILLS

Generates high-converting landing pages as complete Next.js/React (TSX) components with Tailwind CSS. Creates hero sections, feature grids, pricing tables, FAQ accordions, testimonial blocks, and CTA sections using proven copy frameworks (PAS, AIDA, BAB). Outputs SEO meta tags, structured data, and performance-optimised code targeting Core Web Vitals (LCP < 1s, CLS < 0.1). Use when the user asks to create a landing page, marketing page, homepage, single-page site, lead capture page, campaign page, promo page, or conversion-optimised web page — or when they want to A/B test landing page variants or replace a static page with one designed to convert.

ibada0410/CLAUDE-SKILLS

Download YouTube videos with customizable quality and format options. Use this skill when the user asks to download, save, or grab YouTube videos. Supports various quality settings (best, 1080p, 720p, 480p, 360p), multiple formats (mp4, webm, mkv), and audio-only downloads as MP3.

ibada0410/CLAUDE-SKILLS

Use when planning video content strategy, writing video scripts, optimizing YouTube channels, building short-form video pipelines (Reels, TikTok, Shorts), or repurposing long-form content into video. Triggers: 'start a YouTube channel', 'video content strategy', 'write a video script', 'repurpose into video', 'YouTube SEO', 'short-form video'. NOT for written blog content (use content-production). NOT for social captions without video (use social-media-manager).

관련 스킬