Community라이팅 & 에디팅github.com

landing-page-copy: 히어로부터 CTA까지 하나의 논리, 템플릿 페이지는 그만

랜딩, 홈, 세일즈, 가격, 제품 페이지를 독자의 의문 순서대로 이어지는 하나의 논리로 쓰거나 고치는 Agent 스킬입니다. 누구를 위한 것인지, 무엇이 바뀌는지, 어떤 종류인지 말하는 히어로, 섹션마다 한 가지 역할, 주장 옆에 증거, CTA 앞에 가격과 조건을 두고, 증거가 없으면 지어내지 않고 눈에 보이는 자리표시를 남깁니다.

landing-page-copy: 히어로부터 CTA까지 하나의 논리, 템플릿 페이지는 그만란 무엇인가요?

랜딩 페이지 레시피 2단계(페이지)로, thewyattbrocato/design-and-copy-skills(2026-10-08 공개, MIT. 26개 스킬 모두 스킬 없는 같은 에이전트와 블라인드 테스트, 패배도 공개)에서 왔습니다. 슬로건 히어로, 습관적인 기능 카드 3장, 로고 바만 있는 증거, "시작할 준비 되셨나요?", 사용자가 주지 않은 숫자, 인용, 평점, 카운트다운, "언제든 해지" 같은 템플릿 페이지를 금지합니다. 에이전트는 누가 어디서 오는지, 하나의 행동, 오퍼, 실제 증거와 반론을 모으고 3~6줄로 계획한 뒤, 독자의 질문 순서(나를 위한 것인가, 왜 지금인가, 어떻게 작동하나, 나에게도 통할까, 비용과 함정, 잘못되면 어떻게 되나, 이제 뭘 하나)로 섹션을 배치합니다. 증거는 뒷받침하는 주장 옆에, 가격과 보증 조건은 마지막 CTA 앞에 두고, CTA는 결정 지점마다 같은 말로 반복합니다. 결과물은 페이지 순서대로 라벨을 붙인 카피 덱이며 메모는 최대 두 개, 이미 잘 작동하는 문장은 그대로 둡니다.

지원 대상~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/thewyattbrocato/design-and-copy-skills/tree/HEAD/copy-skills/landing-page-copy

Installed? Explore more 라이팅 & 에디팅 skills: steipete/notion, langchain-ai/langchain, bytedance/podcast-generation · View all 6 →

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

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

문서

Landing page copy

A page persuades when one argument runs from the first screen to the ask, in the order the reader's doubts arise, with the facts a buyer needs to decide. The default failure is the template page: a slogan hero, three same-shaped feature cards, a logo bar, a testimonial row, "Ready to get started?", with no argument and no price, effort or catch anywhere on it.

Do not produce

  • An opener that is a welcome, a mission statement or a slogan any rival could sign.
  • Three feature cards by reflex, or one benefit restated in three sections.
  • A logo bar or "trusted by" line as the only proof.
  • Proof, urgency or terms the user did not give: counts, quotes, ratings, a countdown, "limited spots", "no contract", "cancel anytime".
  • A page that asks only at the bottom, or hides price and conditions until after the ask.

When to use

  • Writing, rewriting or planning the copy of a persuasive page: hero, sections, proof, objections, offer and terms, calls to action, FAQ, close.
  • Turning notes, a brief or a draft into a page; matching a page to the ad or email that sends traffic to it.

When not to use

  • How the page looks, spacing or styling: use layout-structure or visual-hierarchy if installed. If the user wants HTML, write the copy first and leave visual decisions to them.
  • One headline, subject line or ad: use headlines-and-leads if installed. Settings and error strings: ux-microcopy. Email: email-and-sequences. A whole-site review: website-copy-audit.
  • A claim-by-claim check: honest-claims if installed. Without it, the claims floor below applies.
  • The user's voice sample, brand words and stated length win over every default here, except where a line would state something false.

Procedure

Small tasks (one section, a hero rewrite) can skip to step 3.

  1. Gather what the page turns on: who arrives and from where, what they already know, the one action, the offer and terms, the proof the user really has, their real objections, a voice sample, any length cap. Use what the brief gives. If the brief lacks the offer or the audience and the session is interactive, ask once in one short list with a default per item. Otherwise deliver anyway: write what the facts support, put a visible placeholder where a needed fact is missing, never invent it.
  2. Plan in three to six lines (reader, the one idea, section order, the ask), then draft in the same reply.
  3. Order sections by the reader's questions: what is this and is it for me; why care now; how does it work; will it work for someone like me; what does it cost, what is the catch, what must I do; what if it goes wrong; what do I do now. Reorder by reader: someone ready to buy needs offer and terms early, someone who has not noticed the problem needs it made visible first and briefly, a cheap familiar purchase needs only benefit, proof and action.
  4. Hero: headline and subhead say who it is for, what changes, and what kind of thing it is, in a familiar category word. One primary action whose button says what happens. At most one lower-commitment path.
  5. One job per section. The heading states the section's point, so the headings read alone tell the argument. Group features under the outcome they serve; use as many items as the content has.
  6. Proof sits beside the claim it supports, matched to the doubt: a demonstration or specific result for "does it work", someone like the reader for "can I do it", a named outside source for "who says so". If none was supplied, use a placeholder such as [add a real customer quote] or a softer true sentence. For a business with a long history, the founding story can be the proof.
  7. Objections and terms. Answer each real worry with a fact, acknowledging it as reasonable. Price or starting price with its period, what is included, trial and renewal facts, and the guarantee with its condition appear before the final ask. An honest "not for you if" line helps the right readers self-select.
  8. The ask repeats at natural decision points (after the hero, after proof, after pricing, at the end) in the same words, and the decline, if shown, is neutral.

Judgment calls

  • Length. Default to the decision's weight: short for cheap, familiar purchases, longer for costly, new or risky ones, scannable either way. Cut sections before words. With a stated cap, count and keep within it, dropping the lowest-value sections first and naming them.
  • Opening. Default by the reader: problem first when they feel it, outcome first when comparing, offer first when ready. Change when the user's page opens on something that already works.
  • Rewrites. Default to keeping every line that already does its job and saying which you kept. If the page already works, say so and change at most a word. Replace a line only to fix clarity, specificity, truth or the action.
  • Voice. Default to the supplied sample or the user's best existing lines. With neither, write plain and specific; no adjective triplets, no "unlock", "seamless" or "all-in-one", no exclamation marks.
  • A result the user measured is not a result the product caused. State the measurement, or say "we think".
  • Message match. When an ad or email sends the traffic, the hero repeats its promise in its words.

The claims floor

Add no fact the user did not give: numbers, customer names, quotes, reviews, ratings, logos, awards, press mentions, study results, deadlines, stock limits, or terms such as "no contract". Where proof is missing, write the claim you can stand behind or leave a visible placeholder such as [add a real customer quote], and still deliver the whole page. Quote customers only from supplied words, trimmed but never reworded. Put prices, renewals, fees and conditions next to the decision they affect. For the full procedure, use honest-claims if it is installed.

Output

Deliver the copy deck first: labelled sections with heading, body and button text, in page order. Nothing before it but the short plan. After it, at most two one-line notes (placeholders to fill, a cap-driven cut), only when they matter. When a count or set is asked for, deliver exactly that. Count words when a cap exists and report the count only if it is true.

Common failures

  • Feature cards that name nothing → one outcome per group, with the concrete thing behind it.
  • Proof banner at the top, nothing after → proof next to each claim.
  • Price absent or on a different page → price or starting price and its main condition before the final ask.
  • Generic closer → the ask in the button's words, repeating the hero's action.
  • Working copy replaced → keep it and say so.
  • A placeholder in every sentence → only where proof is worth getting.

Quick checks

  • From the hero alone a stranger can say what it is, who it is for and what to do.
  • The headings read alone tell the argument.
  • No number, quote, logo or result appears that the brief did not give; every gap is a visible placeholder.
  • Price and main condition appear before the final action; one primary action throughout.
  • Within any stated length, counted.
  • A rival could not sign the hero unchanged.

References

  • page-types.md: load when the page is pricing, about, case study, long-form sales or product, or when the user asks for a section plan.

Individual skills in this repo

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

관련 스킬