Communitygithub.com

ericrisco/rsc-harness

한 페이지 전환 카피를 작성할 때 사용합니다. 히어로 헤드라인과 서브헤드, 오퍼, 증거 및 사용후기, 그리고 하나의 주요 CTA를 다루며, 트래픽은 있지만 전환되지 않는 페이지를 레이아웃 문제가 아닌 카피 문제로 진단할 때 사용합니다. 클릭을 유도하는 유료 광고(ads), 단어가 위치한 시각적 레이아웃(design), 승리 변형을 선택하는 실험(ab-testing)은 포함하지 않습니다.

rsc-harness란 무엇인가요?

이 스킬은 단일 페이지의 전환 카피를 전문적으로 작성하고 진단합니다. 히어로 헤드라인, 서브헤드, 오퍼, 증거, CTA 등 페이지 상단에서 하단까지 방문자가 읽는 모든 단어를 소유합니다. 레이아웃(design), 코드 빌드(nextjs), 유료 광고(ads) 등은 형제 스킬로 라우팅합니다. 교차 업계 중앙값 약 6.6%라는 현실적인 전환율 범위를 제공하며, 방문자의 약 80%가 스크롤 없이 이탈한다는 데이터를 기반으로 히어로 카피의 중요성을 강조합니다. Hook → Offer → Proof → CTA로 구성된 4블록 구조를 따르며, 각 블록의 질문, 위치, 실패 모드를 명확히 합니다. 또한 H1은 8단어 이내로 제한하고, 주요 CTA는 하나로 통일하며, 증거는 CTA 옆에 배치하는 등 구체적인 규칙을 제시합니다. PAS, AIDA, BAB, FAB 같은 프레임워크를 골격으로 사용하되, 구매자의 실제 언어로 채울 것을 권장합니다. 마지막으로 verify.sh 스크립트를 통해 H1 길이, CTA 중복, 증거 블록 존재 여부 등을 정적으로 검증합니다.

지원 대상✓Claude Code~Codex CLI~Cursor
npx skills add https://github.com/ericrisco/rsc-harness/tree/HEAD/skills/landing-copy

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

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

문서

랜딩 카피 — 한 페이지를 전환시키는 단어들

훅, 오퍼, 증거, CTA. 방문자가 위에서 아래로 읽는 단어를 당신이 씁니다. 레이아웃을 그리거나, 페이지를 빌드하거나, 방문자를 보낸 광고를 작성하지 않습니다.

이 스킬은 단일 페이지의 전환 카피를 소유합니다: 약 8단어 이내의 히어로 헤드라인과 혜택 서브헤드, 위에서 아래로 이어지는 페이지 골격, 혜택으로 표현된 오퍼, 요청 옆에 배치된 증거, 경쟁 없이 반복되는 하나의 주요 CTA. 이것은 카피 작업입니다. 픽셀은 design의 것이고, React/Next 빌드는 nextjs의 것이며, 클릭을 유도하는 광고는 ads의 것입니다.

사용 시기

  • 히어로 작성 또는 재작성: H1 + 서브헤드 + 버튼 카피
  • 전체 랜딩/세일즈 페이지 구조화 (훅 → 문제 → 오퍼 → 증거 → CTA → 반론)
  • 하나의 주요 CTA 선택 및 작성, 그리고 반복 인스턴스
  • 기능을 혜택으로 전환 ("AES-256 암호화" → "보안팀이 며칠 안에 승인합니다")
  • 증거(사용후기, 지표, 로고, 보증)를 요청 옆에 배치
  • 페이지 헤드라인이 클릭을 유도한 광고/이메일과 일치하도록 함 (메시지 매치)
  • 트래픽은 있지만 전환되지 않는 페이지를 구제 — 실패 원인이 단어일 때

사용하지 말아야 할 시기 (소유하는 형제 스킬로 라우팅)

  • 시각적 레이아웃, 계층, 간격, 컴포넌트 시스템 → design (../design/SKILL.md)
  • 페이지 코드 구현, 폼 연결, 라우팅 → nextjs (../nextjs/SKILL.md) / react
  • 페이지로 트래픽을 유도하는 유료 Google/Meta 광고 카피 → ads
  • 브랜드의 톤, 음성 규칙, 용어집, 단어 금지/허용 목록 → brand-voice
  • 유기 검색 순위 또는 AI 답변 엔진 인용 → seo-geo
  • 승리 변형을 선택하는 실험 설계 및 실행 → ab-testing
  • 독립 자산으로서의 고객 사례 스토리 → case-studies
  • 다채널 런칭 계획, 육성 이메일, 캠페인 전략 → marketing (../marketing/SKILL.md)

한 줄로 경계: 당신은 한 페이지를 전환시키는 단어를 소유합니다. ads는 도착하는 클릭을, design은 단어가 위치한 레이아웃을, ab-testing은 어떤 단어가 승리하는지 증명을 소유합니다.

전환 현실 (기대치 조정, 약속하지 말 것)

이 숫자들은 기대치를 설정합니다. 범위로 제시하세요; 고정 전환율을 약속하는 순간 사용자에게 거짓말을 하는 것입니다.

  • 교차 업계 중앙값은 약 6.6%; 모든 업계의 강력한 페이지는 10-15%+에 도달합니다. 업계별 편차가 큽니다: 이벤트 및 엔터테인먼트 약 12.3%, 금융 서비스 약 8.4%, SaaS/테크 약 3.8%, 이커머스 약 2.35%, B2B 서비스 약 1-3%. 이유: 12%를 달성할 것이라고 들은 SaaS 팀에게 이벤트 중앙값이 인용되었습니다; 해당 업계의 범위를 인용하여 목표가 현실적이도록 하세요. (Foundry CRO 벤치마크 2026, Unbounce의 4억 6400만 방문 / 41,000 페이지 분석 인용)
  • 방문자는 약 5초 안에 머무를지 결정하며, 약 80%는 스크롤 없이 폴드 아래를 거의 보지 않습니다. 이유: 히어로는 페이지에서 단일 레버리지가 가장 높은 카피입니다 — 스크롤 전에 "이게 무엇이고 왜 신경 써야 하는가"에 답하지 못하면 나머지는 읽히지 않습니다. (히어로 섹션 연구 / NN/g 주목 연구 2026)

네 가지 블록 — 페이지의 척추

모든 전환 페이지는 위에서 아래로 이 네 가지 작업으로 구성됩니다. 각각은 뚜렷한 질문, 페이지 내 위치, 실패 모드를 가지고 있습니다. 어떤 블록이 약한지 찾아서 죽은 페이지를 진단하세요.

블록반드시 답해야 할 질문위치약할 경우 실패 모드
훅(Hook)"이게 무엇이고 왜 신경 써야 하는가?" 5초 이내히어로, 폴드 위방문자가 스크롤 전 이탈; 약 80%는 나머지를 보지 않음
오퍼(Offer)"정확히 무엇을 얻게 되고, 비용은 얼마인가?"훅/문제 바로 다음기능 나열; 독자가 무엇을 얻는지 알 수 없음
증거(Proof)"왜 믿어야 하는가?"각 CTA 옆주장이 마케팅처럼 읽힘; 신뢰 형성 안 됨
CTA"다음에 할 한 가지는 무엇인가?"히어로, 페이지 아래 반복경쟁 요청 → 결정 피로 → 클릭 없음

훅

H1은 무엇을 전달하고, 서브헤드는 혜택을 전달합니다. 둘 다 방문자가 클릭한 것을 반영해야 합니다.

  • H1은 약 8단어 / 약 44자 이내. 제약이 명확성을 강제하며, 명확한 헤드라인이 재치 있는 헤드라인을 항상 이깁니다. 8단어로 말할 수 없다면 아직 오퍼를 이해하지 못한 것입니다.
  • 서브헤드는 혜택을 전달합니다 — 누구를 위한 것인지와 그들이 얻는 결과를 한 구절로.
  • 메시지 매치: 헤드라인은 클릭을 유도한 광고/이메일의 약속을 반영해야 합니다. 광고 + 페이지에서 단일 주장을 일치시키면 문서화된 사례에서 66%의 CVR 향상이 있었습니다 (메시지 매치만 수정하여 212% 향상도 있었습니다). 당신은 페이지를 광고에 맞춥니다; 광고 작성은 ads의 몫입니다.
나쁨 — "금융 운영의 미래를 재상상하세요" (재치 있음, 6단어, 아무것도 말하지 않음)
좋음 — "영수증 처리를 30초 만에" (명확함, 5단어, 결과를 명명함)
         서브헤드: 영수증에 파묻힌 재무팀을 위해 — 찍고, 제출하고, 승인.

오퍼

물건, 결과, 그리고 노력이나 비용 측면의 대가를 명명하세요. 구매자가 얻는 결과로 시작한 다음, 그것을 제공하는 메커니즘을 제시하세요. 이 기능→혜택 전환은 대부분의 페이지에서 가장 영향력이 큰 카피 변경입니다.

골격은 FAB — 기능(Feature) → 장점(Advantage) → 혜택(Benefit) — 이지만, 독자가 관심 있는 혜택에서 멈추고 메커니즘을 증거로 뒷받침하며, 그 반대가 되어서는 안 됩니다.

나쁨 — "우리 플랫폼은 고급 AES-256 암호화를 갖추고 있습니다."
좋음 — "AES-256 암호화로 고객 데이터를 보호하여, 보안팀이 몇 달이 아닌
         며칠 만에 승인합니다."

규칙: 모든 기능 라인은 "그래서 뭐?"라는 질문에 결과로 답해야 합니다. 답할 수 없다면 제거하세요.

증거

믿음은 다른 곳의 인용문 벽이 아니라 요청 옆에서 구축됩니다.

  • 구체적인 결과가 포함된 3-5개의 특정, 실명 사용후기. "훌륭한 제품!"은 아무도 설득하지 못합니다. "마감 시간을 9일에서 2일로 단축했습니다 — 루멘 CFO 마리아"는 설득합니다. 구체적임이 최상급을 이깁니다.
  • 주요 CTA 옆에 증거를 배치하세요. 요청 옆의 사회적 증거는 문서화된 사례에서 전환율을 약 68% 향상시켰습니다; 리뷰/사용후기는 구매자의 약 93%에게 결정적이며, 약 88%는 개인 추천처럼 신뢰합니다. 이유: 믿음과 결정이 같은 순간에 이루어집니다 — 클릭이 있는 곳에 증거를 두세요.
  • 숫자, 인지도 있는 로고, 위험 완화(돈 환불, 카드 불필요)도 증거입니다. 하나의 확실한 숫자가 세 개의 형용사보다 가치 있습니다.
  • 증거를 절대 조작하지 마세요. 지표, 인용문 또는 로고가 실제가 아니라면 [[NEEDS PROOF]]를 표시하고 사용자에게 물어보세요 — 직접 만들어내지 마세요.
나쁨 — "모든 팀에게 사랑받습니다. 세계적 수준의 결과!"
좋음 — "첫 달에 영수증 처리 시간을 82% 줄였습니다."
         — 마리아 오르티즈, 루멘 CFO (47인 재무팀)

CTA

하나의 기본 동작, 동사로 시작하며, 페이지 아래로 반복되지만 변형되지 않습니다.

  • 페이지당 하나의 주요 CTA. 경쟁 요청은 결정 피로를 일으키고 전환율을 낮춥니다. 동일한 동작이 히어로와 각 결정 지점에 나타납니다; 보조 링크는 있을 수 있지만 주요 CTA와 시각적 또는 언어적으로 경쟁해서는 안 됩니다.
  • 움직임 동사, 절대 "제출" 사용 금지. "무료 체험 시작", "내 견적 받기", "요금제 보기" — 버튼은 양식 동작이 아니라 가치를 명시합니다.
  • 1인칭 프레이밍이 종종 클릭을 높입니다: "내 무료 체험 시작"은 방문자 자신의 의도로 읽힙니다. 버튼과 함께 마찰을 줄이는 한 줄의 마이크로카피("신용카드 필요 없음")를 배치하세요.
나쁜 버튼 — [제출]            [더 알아보기]        [영업팀 문의]
좋은 버튼 — [내 무료 체험 시작]  ...반복...  [내 무료 체험 시작]
                아래: 신용카드 없음. 언제든지 취소 가능.

프레임워크 — 골격으로 사용 (독자의 말로 채우기)

이것들은 빈칸 채우기 템플릿이 아니라 구매자의 실제 언어로 채울 골격입니다:

  • PAS — 문제(Problem) → 고조(Agitate) → 해결책(Solution). 고통을 인지한 트래픽에 가장 적합.
  • AIDA — 주의(Attention) → 관심(Interest) → 욕구(Desire) → 행동(Action). 넓은 퍼널 상단.
  • BAB — 이전(Before) → 이후(After) → 연결(Bridge). 변혁 스토리.
  • FAB — 기능(Feature) → 장점(Advantage) → 혜택(Benefit). 오퍼 블록.

일반적인 조합: PAS/AIDA 훅 → FAB 오퍼 → 증거 → CTA. 오퍼 전에 문제를 얼마나 고조시킬지는 트래픽 온도에 달려 있습니다 (콜드 트래픽은 더 많이 필요, 웜 트래픽은 바로 오퍼로 이동). 전체 설명, 새로운 예제 및 인식 단계 참고는 → references/frameworks.md.

안티패턴 → 수정

합리화현실 / 수정
"재치 있는 헤드라인이 눈에 띌 것이다"재치는 불명확하다. 결과를 8단어 이내로 명명하라; 명확함이 재치를 이긴다.
"더 많은 기능 = 더 많은 가치 표시"기능 나열은 혜택을 묻는다. 결과로 시작하고, 메커니즘으로 뒷받침하라.
"선택할 수 있는 여러 CTA를 제공하라"선택은 전환을 죽인다. 하나의 기본 동작, 반복, 변형 없음.
"아무 사용후기나 괜찮다"일반적인 칭찬은 설득하지 못한다. 확실한 결과가 있는 3-5개의 실명 인용문을 CTA 근처에 배치하라.
"세계적 수준, 최첨단, 게임 체인저"과장된 단어는 AI 템플릿 카피를 암시한다. 숫자나 명명된 결과로 대체하라.
"페이지가 자기 멋대로 말할 수 있다"헤드라인이 광고의 약속을 무시하면 메시지 매치 향상을 잃는다. 클릭을 반영하라.
"12% 전환율을 약속하라"절대 고정 숫자를 약속하지 마라. 해당 업계의 범위를 인용하라.
"그럴듯한 지표를 만들어내겠다"절대 안 된다. [[NEEDS PROOF]]를 표시하고 사용자에게 물어보라.

페이지 골격 + 작업 예제

주석이 달린 위에서 아래로의 골격 (훅 → 문제 → 오퍼 → 증거 → CTA → 반론/FAQ → 최종 CTA)과 하나의 완전히 작업된 B2B SaaS 예제 및 가변 슬롯 표시는 references/page-skeleton.md에 있습니다. 단일 블록보다 전체 페이지를 작성할 때는 거기서 시작하세요.

카피 검증

완료를 주장하기 전에 작성한 파일(또는 프로젝트)에서 scripts/verify.sh를 실행하세요. 읽기 전용, 종속성 없는 정적 검사입니다: H1 길이, 정확히 하나의 주요 CTA 동사(경쟁 요청 플래그 지정), 증거 블록 및 혜택 서브헤드 존재, 과장/AI-암시 문구 금지 목록, "제출" 경고. 소프트 문제에 대해 경고하고 하드 문제(CTA 없음, 증거 없음)에 대해서만 0이 아닌 종료 코드를 반환합니다. 이것은 최후의 수단이며 판단은 아닙니다 — 네 블록 표가 판단입니다.

참고 항목

  • ../design/SKILL.md — 픽셀: 레이아웃, 계층, 단어가 위치한 시각적 시스템.
  • ../nextjs/SKILL.md — 빌드: 코드로 페이지 렌더링.
  • ../marketing/SKILL.md — 더 넓은 캠페인: 이메일 시퀀스, 채널, 런칭 아크.
  • ads — 클릭을 유도하는 유료 광고 카피 (여기로 라우팅; 당신은 페이지를 그것에 맞출 뿐입니다).
  • ab-testing — 어떤 헤드라인/CTA가 승리하는지 증명하는 실험.
  • case-studies · brand-voice · seo-geo — 증거 자산, 음성 규칙, 검색 레이어.
  • 참고: references/frameworks.md, references/page-skeleton.md.

Individual skills in this repo

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

ericrisco/rsc-harness

Use when you need to render an actual video file with Remotion — React compositions, the Composition/Sequence/TransitionSeries graph, transitions, burned-in word-by-word captions from a transcript, automatic silence removal, b-roll overlays, headless CI renders, and a final MP4 or MOV. NOT writing the script, hook, beats or caption text (that is `video-shorts`), NOT mastering audio to LUFS or building an RSS feed (that is `podcast`), NOT structuring the narrative arc (that is `course-storytelling`).

ericrisco/rsc-harness

Use when you have raw 9:16 footage and need it cut into a post-ready vertical short — dead air removed, fast jump cuts, karaoke word-by-word burned-in captions from a transcript, cuts and zooms snapped to the music beat, safe-area placement so captions clear the platform UI, and a platform-correct MP4 export. NOT writing the script, hook, beats or caption text (that is `video-shorts`), NOT building a Remotion React composition codebase (that is `remotion-video`), NOT deciding when or where to post (that is `social-publisher`).

ericrisco/rsc-harness

Use when a Reels/TikTok/Shorts account needs its next video ideas scored into a ranked backlog, grounded in its own performance log plus dated trending sounds, each bet logged so its outcome feeds the next batch. NOT scripting a chosen idea (that is `video-shorts`), NOT pillars or cadence (that is `shortform-strategy`), NOT packaging a finished cut (that is `shortform-packaging`).

ericrisco/rsc-harness

Use when a vertical short is shot or scripted and you need the upload-form copy and cover that win the feed — the hook line, the first-frame on-screen text, the search-led caption, a tight hashtag set, and the cover frame; it learns from what performed via the 02-DOCS log. NOT inventing the idea (that is `shortform-ideation`), NOT scripting or directing the cuts (that is `video-shorts`), NOT executing the edit (that is `shortform-editing`), NOT scheduling the post (that is `social-publisher`).

ericrisco/rsc-harness

Use when the unit of work is a TikTok/Reels account, not one clip: positioning, sustainable cadence and format mix, ride-or-skip on a trend or sound, recurring series, diagnosing a flat account, and the dated learning loop. NOT the single script or hook variants (that is `video-shorts`), NOT the idea backlog (that is `shortform-ideation`).

ericrisco/rsc-harness

Use when planning a posting schedule, building a multi-platform content calendar, or reshaping one source asset into channel-native posts across X, LinkedIn, Instagram, Threads, Bluesky, TikTok, Facebook or YouTube — cadence, best-time slots, per-platform format limits, API publish caps, and a dated CSV or JSON calendar a scheduler can import. NOT the brand voice the posts speak in (that is `brand-voice`), NOT the editorial strategy of what to make (that is `content-engine`).

ericrisco/rsc-harness

Use when connecting a real TikTok account to code via the Content Posting, Display and Business Account APIs — OAuth, chunked video publish with status polling, and pulling views, watch time and impression sources, then logging that performance into the wiki as a dated feedback record. Covers short-lived tokens breaking a cron, unverified pull-from-URL ownership, and rate limits. NOT what to post or how to package it (that is `shortform-strategy` and `shortform-packaging`).

ericrisco/rsc-harness

Use when scripting or directing the edit of a single vertical short that has to hold attention from the first frame — turning a topic, a clip or a long video into a shot-by-shot script and an edit decision sheet, fixing a hook that dies in second three, generating hook variants to test, and planning cuts and on-screen text. NOT scheduling or cross-platform cadence (that is `social-publisher`), NOT running the editorial calendar (that is `content-engine`), NOT defining the durable brand tone (that is `brand-voice`).

ericrisco/rsc-harness

Use to judge whether a short-form clip is worth publishing — scores a reel, short or podcast excerpt 0-100 on ten weighted criteria with automatic penalties, then ranks a batch and says where the cut-off falls. Run it on transcript candidates before rendering. NOT writing the hook or caption (that is `shortform-packaging`), NOT inventing the idea (that is `shortform-ideation`), NOT executing the edit (that is `shortform-editing`).

관련 스킬