Communitygithub.com

ericrisco/rsc-harness

Use ao escrever as palavras em uma única página de conversão — o título principal e subtítulo, a oferta, a prova e depoimentos, e uma única chamada para ação principal — ou ao diagnosticar uma página que recebe tráfego mas não converte como um problema de cópia, e não de layout. NÃO é o anúncio pago que gera o clique (isso é `ads`), NÃO é o layout visual onde as palavras se encaixam (isso é `design`), NÃO é o experimento que escolhe a variante vencedora (isso é `ab-testing`).

O que é rsc-harness?

Esta habilidade é especializada em redação de conversão para uma única página de destino ou vendas. Ela cobre o gancho (título e subtítulo), a oferta (declarada como um benefício), a prova (testemunhos, métricas, logotipos) e uma única chamada para ação principal repetida sem concorrência. É uma tarefa de cópia, não de design ou desenvolvimento. A habilidade é útil porque fornece uma estrutura testada (gancho → problema → oferta → prova → CTA → objeções) e dados de referência realistas sobre taxas de conversão por setor, evitando promessas exageradas. Suporta plataformas como Claude Code, Cursor ou Codex, fornecendo regras de verificação (script verify.sh) e bibliotecas de referência (frameworks como PAS, AIDA, FAB). O escopo é claramente delimitado: você escreve as palavras que convertem em uma página; `ads` é dono do anúncio pago que gera o clique, `design` é dono do layout visual, `ab-testing` é dono do experimento que prova qual variante vence. Exemplos concretos mostram como transformar características em benefícios ("criptografia AES-256" → "sua equipe de segurança aprova em dias"), como posicionar a prova ao lado do CTA e como usar verbos de movimento em vez de "Enviar". A habilidade também adverte sobre anti-padrões comuns, como títulos inteligentes (mas pouco claros), excesso de funcionalidades, múltiplas CTAs concorrentes e provas genéricas ou inventadas.

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

Perguntar na sua IA favorita

Abre um novo chat com esta habilidade de agente já pré-carregada.

Documentação

Cópia de Landing Page — As Palavras Que Convertem em Uma Página

Gancho, oferta, prova, CTA. Você escreve as palavras que um visitante lê de cima a baixo; você não desenha o layout, constrói a página nem escreve o anúncio que o enviou.

Esta habilidade é responsável pela cópia de conversão de uma única página: um título principal abaixo de ~8 palavras mais um subtítulo de benefício, um esqueleto da página de cima a baixo, a oferta declarada como um benefício, a prova posicionada ao lado da solicitação e uma única CTA principal repetida sem concorrência. É um trabalho de redação. Os pixels são do design, a construção em React/Next é do nextjs, o anúncio que gera o clique é do ads.

Quando usar

  • Escrever ou reescrever um herói: H1 + subtítulo + texto do botão.
  • Estruturar uma página de destino/vendas completa (gancho → problema → oferta → prova → CTA → objeções).
  • Escolher e escrever uma única CTA principal e suas instâncias repetidas.
  • Transformar características em benefícios ("criptografia AES-256" → "sua equipe de segurança aprova em dias").
  • Posicionar a prova — depoimentos, métricas, logotipos, garantia — ao lado da solicitação.
  • Fazer o título da página corresponder ao anúncio/e-mail que gerou o clique (correspondência de mensagem).
  • Resgatar uma página que recebe tráfego mas não converte — quando a falha está nas palavras.

Quando NÃO usar (encaminhe para o skill irmão que é dono do assunto)

  • Layout visual, hierarquia, espaçamento, sistema de componentes → design (../design/SKILL.md).
  • Construir a página em código, configuração de formulários, roteamento → nextjs (../nextjs/SKILL.md) / react.
  • O texto do anúncio pago do Google/Meta que leva tráfego para a página → ads.
  • O tom da marca, regras de voz, léxico, lista de palavras permitidas/proibidas → brand-voice.
  • Ranqueamento em busca orgânica ou ser citado por motores de resposta de IA → seo-geo.
  • Projetar e executar o experimento que escolhe a variante vencedora → ab-testing.
  • Escrever a história de cliente independente como seu próprio ativo → case-studies.
  • Um plano de lançamento multicanal, e-mails de nutrição ou estratégia de campanha → marketing (../marketing/SKILL.md).

Limite em uma linha: você é dono das palavras que convertem em uma página; ads é dono do clique que chega, design é dono do layout onde elas se encaixam, ab-testing é dono da prova de quais palavras vencem.

A realidade da conversão (calibre, nunca prometa)

Esses números definem expectativas. Apresente-os como uma faixa; no momento em que você prometer uma taxa de conversão fixa, está mentindo para o usuário.

  • A mediana entre setores é de ~6,6%; páginas fortes em qualquer vertical atingem 10–15%+. Por vertical, a dispersão é grande: Eventos & Entretenimento ~12,3%, Serviços Financeiros ~8,4%, SaaS/Tech ~3,8%, E-commerce ~2,35%, Serviços B2B ~1–3%. Por que: uma equipe de SaaS que ouviu "você atingirá 12%" recebeu a mediana de eventos; cite a faixa da vertical deles para que a meta seja real. (Benchmarks de CRO Foundry 2026, citando a análise de 464 milhões de visitas / 41 mil páginas da Unbounce.)
  • Os visitantes decidem se ficam em ~5 segundos, e ~80% raramente rolam além da dobra. Por que: o herói é a cópia de maior alavancagem única da página — se ele não responder "o que é isso e por que deveria me importar" antes de uma rolagem, o resto permanece não lido. (Pesquisa de seção herói / estudos de atenção NN/g 2026.)

Os quatro blocos — a espinha dorsal da página

Cada página de conversão é esses quatro trabalhos, de cima a baixo. Cada um tem uma pergunta distinta, um lugar na página e um modo de falha. Diagnostique uma página morta encontrando qual bloco está fraco.

BlocoDeve responderOnde viveModo de falha se fraco
Gancho"O que é isso e por que deveria me importar?" em <5sHerói, acima da dobraVisitante sai antes de rolar; ~80% nunca vê o resto
Oferta"O que exatamente eu recebo e quanto me custa?"Logo após o gancho/problemaExcesso de funcionalidades; o leitor não consegue dizer o que ganha
Prova"Por que deveria acreditar em você?"Adjacente a cada CTAAlegações soam como marketing; a confiança nunca se forma
CTA"Qual é a única coisa a fazer agora?"Herói, repetida na páginaSolicitações concorrentes → fadiga de decisão → nenhum clique

O gancho

O H1 carrega o o quê; o subtítulo carrega o benefício; ambos devem ecoar o que o visitante clicou.

  • H1 com menos de ~8 palavras / ~44 caracteres. A restrição força clareza, e um título claro vence um título inteligente todas as vezes. Se você não consegue dizer em 8 palavras, ainda não entende a oferta.
  • Subtítulo carrega o benefício — para quem é e o resultado que obtém, em uma cláusula.
  • Correspondência de mensagem: o título deve ecoar a promessa do anúncio/e-mail que gerou o clique. Alinhar uma única alegação entre anúncio + página produziu um aumento de 66% na CVR em casos documentados (e 212% apenas corrigindo a correspondência de mensagem). Você combina a página com o anúncio; escrever o anúncio é do ads.
Ruim  — "Reimagine O Futuro Das Operações Financeiras"   (inteligente, 6 palavras, não diz nada)
Bom   — "Relatórios de despesas em 30 segundos"          (claro, 5 palavras, nomeia o resultado)
         Subtítulo: Para equipes financeiras afogadas em recibos — fotografe, envie, aprovado.

A oferta

Nomeie a coisa, o resultado e o custo em esforço ou dinheiro. Lidere com o resultado que o comprador obtém, depois o mecanismo que o entrega. Essa transformação de característica em benefício é a mudança de cópia de maior impacto na maioria das páginas.

O arcabouço é FAB — Característica → Vantagem → Benefício — mas você para no benefício que interessa ao leitor e o apoia com o mecanismo como prova, não o contrário.

Ruim  — "Nossa plataforma possui criptografia avançada AES-256."
Bom   — "Proteja dados de clientes com criptografia AES-256, para que sua equipe
         de segurança aprove em dias, não em meses."

Regra: cada linha de característica responde "e daí?" com um resultado. Se não conseguir, corte-a.

A prova

A crença é construída ao lado da solicitação, não em uma parede de citações em outro lugar.

  • 3–5 depoimentos específicos e nomeados, cada um com um resultado concreto. "Ótimo produto!" não convence ninguém; "reduzimos nosso tempo de fechamento de 9 dias para 2 — Maria, CFO da Lumen" convence. Específico vence superlativo.
  • Coloque a prova adjacente à CTA principal. Prova social ao lado da solicitação aumentou a conversão em ~68% em casos documentados; avaliações/depoimentos são decisivos para ~93% dos compradores e ~88% confiam neles como uma recomendação pessoal. Por que: a crença e a decisão acontecem no mesmo momento — coloque a evidência onde está o clique.
  • Números, logotipos reconhecíveis e uma reversão de risco (dinheiro de volta, sem cartão necessário) também são prova. Um número concreto vale mais que três adjetivos.
  • Nunca invente prova. Se uma métrica, citação ou logotipo não for real, marque [[NEEDS PROOF]] e pergunte ao usuário — não invente.
Ruim  — "Amado por equipes em todo lugar. Resultados de classe mundial!"
Bom   — "Reduzimos o tempo de relatório de despesas em 82% no primeiro mês."
         — Maria Ortiz, CFO, Lumen (equipe financeira de 47 pessoas)

A CTA

Uma ação principal, liderada por verbo, repetida — não variada — na página.

  • Uma CTA principal por página. Solicitações concorrentes causam fadiga de decisão e reduzem a conversão. A mesma ação aparece no herói e novamente em cada ponto de decisão; links secundários podem existir, mas não devem competir visual ou verbalmente com a principal.
  • Verbos de movimento, nunca "Enviar". "Iniciar teste grátis", "Obter meu orçamento", "Ver planos" — o botão declara o valor, não a ação do formulário.
  • A estrutura em primeira pessoa geralmente aumenta cliques: "Iniciar meu teste grátis" soa como a intenção do próprio visitante. Acompanhe o botão com uma linha de microcópia que reduza o atrito ("Sem cartão de crédito necessário").
Botões ruins  — [Enviar]            [Saiba mais]        [Falar com vendas]
Botões bons   — [Iniciar meu teste grátis]  ...repetido...  [Iniciar meu teste grátis]
                 Abaixo: Sem cartão de crédito. Cancele quando quiser.

Arcabouços como estruturas (preencha com as palavras do leitor)

Estes são esqueletos para preencher com a linguagem real do comprador, não modelos de preenchimento:

  • PAS — Problema → Agitação → Solução. Melhor para tráfego consciente da dor.
  • AIDA — Atenção → Interesse → Desejo → Ação. Topo de funil amplo.
  • BAB — Antes → Depois → Ponte. Histórias de transformação.
  • FAB — Característica → Vantagem → Benefício. O bloco da oferta.

Pilha comum: gancho PAS/AIDA → oferta FAB → prova → CTA. O quanto você agita o problema antes da oferta depende da temperatura do tráfego (frio precisa de mais, quente vai direto para a oferta). Explicações completas com exemplos novos e a nota sobre estágio de conscientização → referencias/arcaboucos.md.

Anti-padrões → corrija

RacionalizaçãoRealidade / Correção
"Um título inteligente vai se destacar"Inteligente é obscuro. Nomeie o resultado em <8 palavras; claro vence inteligente.
"Mais funcionalidades = mais valor mostrado"Excesso de funcionalidades enterra o benefício. Lidere com o resultado, depois o mecanismo.
"Dê a eles várias CTAs para escolher"Escolha mata a conversão. Uma ação principal, repetida, não variada.
"Qualquer depoimento serve"Elogios genéricos não convencem. 3–5 citações nomeadas com um resultado concreto, perto da CTA.
"De classe mundial, inovador, revolucionário"Palavras de hype sinalizam cópia de modelo de IA. Substitua por um número ou um resultado nomeado.
"A página pode dizer o que quiser"Se o título ignora a promessa do anúncio, você perde o ganho da correspondência de mensagem. Ecoe o clique.
"Prometa a eles uma taxa de conversão de 12%"Nunca prometa um número fixo. Cite a faixa para a vertical deles.
"Vou inventar uma métrica plausível"Nunca. Marque [[NEEDS PROOF]] e pergunte ao usuário.

Esqueleto da página + exemplo prático

O esqueleto anotado de cima a baixo (gancho → problema → oferta → prova → CTA → objeções/FAQ → CTA final), com um exemplo totalmente trabalhado de SaaS B2B e os slots variáveis marcados, está em referencias/esqueleto-pagina.md. Comece por lá quando escrever uma página completa em vez de um bloco único.

Verifique sua cópia

Execute scripts/verify.sh sobre o arquivo que você escreveu (ou seu projeto) antes de declarar concluído. É uma verificação estática somente leitura e sem dependências: comprimento do H1, exatamente um verbo de CTA principal (sinaliza solicitações concorrentes), presença de um bloco de prova e um subtítulo de benefício, uma lista de proibição de frases de hype/sinal de IA e um aviso de "Enviar". Ele avisa sobre problemas leves e termina com código diferente de zero apenas em problemas graves (sem CTA, sem prova). É uma salvaguarda, não o julgamento — a tabela dos quatro blocos é.

Veja também

  • ../design/SKILL.md — os pixels: layout, hierarquia, o sistema visual onde as palavras se encaixam.
  • ../nextjs/SKILL.md — a construção: renderizar a página em código.
  • ../marketing/SKILL.md — a campanha mais ampla: sequências de e-mail, canais, arco de lançamento.
  • ads — o texto do anúncio pago que gera o clique (encaminhe aqui; você só combina a página com ele).
  • ab-testing — o experimento que prova qual título/CTA vence.
  • case-studies · brand-voice · seo-geo — o ativo de prova, as regras de voz, a camada de busca.
  • Referências: referencias/arcaboucos.md, referencias/esqueleto-pagina.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`).

Habilidades Relacionadas