/codex-conversao — Criação de página, carrossel e textos de alta conversão
Skill de orientação para Codex. Ajuda a transformar um briefing em:
- Página de destino de conversão
- Copy persuasiva para web e redes
- Roteiro visual de carrossel
- Prompts de imagem IA para capas e slides
Dependências
- Contexto do negócio:
_memoria/empresa.md
- Tom de voz:
_memoria/preferencias.md
- Foco e público:
_memoria/estrategia.md
- Identidade visual:
identidade/design-guide.md
- Talvez
templates/skills/catalogo.md para inspiração de formatos
Quando usar
- Quer criar uma landing page, página de captura ou página de vendas
- Precisa de carrossel para Instagram/LinkedIn/TikTok com foco em conversão
- Quer headlines, bullets e CTA de alta conversão
- Prefere um fluxo prático para Codex em vez de comandos nativos do Claude
Workflow adaptado para Codex
1. Briefing rápido
Pergunte ou valide:
- Quem é o público-alvo? (persona, dores, desejo principal)
- Qual é a oferta? (produto, serviço, evento, lead magnet)
- Qual é o objetivo da página? (venda, lead, agendamento, download)
- Qual é o principal benefício / transformação?
- Qual é o CTA final? (botão, formulário, ligação, WhatsApp, contato)
- Qual tom o público espera? (conversacional, confiável, técnico, aspiracional)
Se alguma resposta estiver faltando, peça com clareza antes de criar.
2. Estrutura da página de conversão
Defina a página em formato simples de Copy:
- Headline principal forte (7-10 palavras)
- Subheadline de apoio com benefícios
- Seção de problema: o que o usuário vive hoje?
- Seção de solução: o que a oferta resolve?
- Três benefícios claros com bullets
- Prova social ou detalhe de credibilidade
- Oferta / o que está incluso
- CTA destacado
- Rodapé com garantia, tempo limitado ou prova adicional
Para Codex, gere dois artefatos:
page-copy.md com os textos estruturados em Markdown
page-outline.txt com o wireframe da página e posição dos blocos
3. Copy de alta conversão
Escreva:
- Headline magnética com foco no benefício
- Subheadline com clareza do resultado e prova tácita
- 3 bullets que explicam rapidamente por que funciona
- CTA curto e direto
- Texto de apoio mais humano e confiável
Regras:
- Use linguagem do público real, não jargão de marketing
- Frases curtas, parágrafos 2-4 linhas
- Não use mais de 4 frases por parágrafo
- Substitua "aumenta resultados" por exemplo específico quando possível
- Se houver dados, aplique-os; se não houver, use promessa crível
4. Roteiro visual de carrossel
Crie um carrossel de 5 a 7 slides para redes sociais com fluxo de conversão:
- Slide 1: hook poderoso + promessa clara
- Slide 2: problema que o público vive
- Slide 3: solução/transformação que a oferta entrega
- Slide 4: prova ou motivo para confiar
- Slide 5: oferta e CTA
- Slide 6 (opcional): bônus/garantia/escassez
- Slide 7 (opcional): CTA final + link/contato
Para cada slide, gere:
- Texto curto e direto
- Sugestão de layout (capa, número, citação, split, foto)
- Instrução de cor e estilo baseada em
identidade/design-guide.md
5. Prompts de imagem IA
Se precisar de foto ou visual IA, gere prompts claros em inglês:
- Descreva a cena principal
- Adicione contexto emocional (profissional, aspiracional, confiável)
- Inclua estilo de fotografia ou visual
- Indique uso: capa do carrossel, avatar, ambiente de trabalho, produto em uso
Exemplo de prompt:
"Professional editorial photography of a confident small business owner working in a modern studio, warm lighting, minimal branding, clean desktop, soft shadows, high conversion marketing style."
6. Outputs recomendados
Organize a entrega em uma pasta clara:
marketing/conteudo/codex-conversao-<tema>/
page-copy.md
page-outline.txt
carrossel-slides.md
imagem-prompt-capa.txt
imagem-prompt-slide-3.txt
legenda.md
7. Legenda para redes
Gere legenda pronta com:
- Hook curto
- Contexto do problema/solução
- CTA para arrastar/ver link
- Oferta breve
- Hashtags relevantes (10-12 para Instagram, 2-3 para LinkedIn)
Como usar no Codex
- Copie o conteúdo desta skill para o prompt do Codex.
- Use o workflow em ordem: briefing → página → carrossel → imagem → legenda.
- Peça ao Codex para gerar os artefatos em blocos Markdown com títulos claros.
- Valide cada saída antes de prosseguir para a etapa seguinte.
Prompt pronto para Codex
Use este template como prompt base. Substitua os valores entre colchetes pelo briefing real.
You are a conversion copywriter and visual planner.
Context:
- Business: [descrição breve do negócio]
- Audience: [persona, dores, desejos]
- Offer: [produto ou serviço]
- Goal: [venda, lead, agendamento, download]
- Tone: [tom desejado]
- Brand style: [marcante, minimalista, premium, confiável]
Task:
Create a high-conversion landing page copy and an accompanying social media carousel plan.
Deliverables:
1. Page copy in Markdown with sections: Headline, Subheadline, Problem, Solution, Benefits, Proof, Offer, CTA, Footer.
2. Page outline in plain text listing the block order and key elements.
3. Carousel slides in Markdown with 5 to 7 slides. For each slide, include: title, text, layout suggestion, and visual direction.
4. Two image prompts in English for AI generation: one for a cover visual and one for a supporting carousel image.
5. One social media caption with hook, problem/solution, CTA, and hashtags.
Constraints:
- Headline must be 7-10 words.
- Use short sentences and paragraphs (2-4 lines).
- Avoid jargon and marketing clichés.
- Focus on benefits and real outcomes.
- Keep the carousel sequenced: Hook → Problem → Solution → Proof → Offer → CTA.
- Use the brand tone and style information.
Output format:
### page-copy.md
[Markdown page copy here]
### page-outline.txt
[Outline here]
### carrossel-slides.md
[Slides here]
### imagem-prompt-capa.txt
[Prompt for cover image here]
### imagem-prompt-slide-3.txt
[Prompt for supporting image here]
### legenda.md
[Caption here]
Foco de alta conversão
- O texto da página deve olhar para o público antes da oferta.
- O carrossel deve prender no hook e levar ao CTA sem dispersão.
- As imagens devem reforçar credibilidade e desejo, não só estética.
- A oferta deve ser simples, clara e orientada para ação.
- Valide se cada artefato conversa entre si: headline, carrossel e caption devem ser coerentes.
Quando NÃO usar
- Se o pedido for só um carrossel rápido, use a versão mínima de carrossel.
- Se o objetivo for apenas branding sem conversão, não priorize este fluxo.
- Se o site já existir e precisar apenas texto de blog, adapte para produção de conteúdo em vez de página de vendas.
1---2name: codex-conversao3description: Guia de criação de páginas, imagens para carrossel e textos de alta conversão. Adaptado para uso com Codex, ajuda a planejar o funil, gerar copy que vende e definir o visual do carrossel. Use quando o usuário pedir "página de conversão", "carrossel de vendas", "cria página + imagens" ou "/codex-conversao".4---56# /codex-conversao — Criação de página, carrossel e textos de alta conversão78Skill de orientação para Codex. Ajuda a transformar um briefing em:9- Página de destino de conversão10- Copy persuasiva para web e redes11- Roteiro visual de carrossel12- Prompts de imagem IA para capas e slides1314## Dependências1516- **Contexto do negócio:** `_memoria/empresa.md`17- **Tom de voz:** `_memoria/preferencias.md`18- **Foco e público:** `_memoria/estrategia.md`19- **Identidade visual:** `identidade/design-guide.md`20- **Talvez** `templates/skills/catalogo.md` para inspiração de formatos2122## Quando usar2324- Quer criar uma landing page, página de captura ou página de vendas25- Precisa de carrossel para Instagram/LinkedIn/TikTok com foco em conversão26- Quer headlines, bullets e CTA de alta conversão27- Prefere um fluxo prático para Codex em vez de comandos nativos do Claude2829## Workflow adaptado para Codex3031### 1. Briefing rápido3233Pergunte ou valide:34- Quem é o público-alvo? (persona, dores, desejo principal)35- Qual é a oferta? (produto, serviço, evento, lead magnet)36- Qual é o objetivo da página? (venda, lead, agendamento, download)37- Qual é o principal benefício / transformação?38- Qual é o CTA final? (botão, formulário, ligação, WhatsApp, contato)39- Qual tom o público espera? (conversacional, confiável, técnico, aspiracional)4041> Se alguma resposta estiver faltando, peça com clareza antes de criar.4243### 2. Estrutura da página de conversão4445Defina a página em formato simples de Copy:4647- Headline principal forte (7-10 palavras)48- Subheadline de apoio com benefícios49- Seção de problema: o que o usuário vive hoje?50- Seção de solução: o que a oferta resolve?51- Três benefícios claros com bullets52- Prova social ou detalhe de credibilidade53- Oferta / o que está incluso54- CTA destacado55- Rodapé com garantia, tempo limitado ou prova adicional5657Para Codex, gere dois artefatos:58591. `page-copy.md` com os textos estruturados em Markdown602. `page-outline.txt` com o wireframe da página e posição dos blocos6162### 3. Copy de alta conversão6364Escreva:65- Headline magnética com foco no benefício66- Subheadline com clareza do resultado e prova tácita67- 3 bullets que explicam rapidamente por que funciona68- CTA curto e direto69- Texto de apoio mais humano e confiável7071Regras:72- Use linguagem do público real, não jargão de marketing73- Frases curtas, parágrafos 2-4 linhas74- Não use mais de 4 frases por parágrafo75- Substitua "aumenta resultados" por exemplo específico quando possível76- Se houver dados, aplique-os; se não houver, use promessa crível7778### 4. Roteiro visual de carrossel7980Crie um carrossel de 5 a 7 slides para redes sociais com fluxo de conversão:81821. Slide 1: hook poderoso + promessa clara832. Slide 2: problema que o público vive843. Slide 3: solução/transformação que a oferta entrega854. Slide 4: prova ou motivo para confiar865. Slide 5: oferta e CTA876. Slide 6 (opcional): bônus/garantia/escassez887. Slide 7 (opcional): CTA final + link/contato8990Para cada slide, gere:91- Texto curto e direto92- Sugestão de layout (capa, número, citação, split, foto)93- Instrução de cor e estilo baseada em `identidade/design-guide.md`9495### 5. Prompts de imagem IA9697Se precisar de foto ou visual IA, gere prompts claros em inglês:9899- Descreva a cena principal100- Adicione contexto emocional (profissional, aspiracional, confiável)101- Inclua estilo de fotografia ou visual102- Indique uso: capa do carrossel, avatar, ambiente de trabalho, produto em uso103104Exemplo de prompt:105106"Professional editorial photography of a confident small business owner working in a modern studio, warm lighting, minimal branding, clean desktop, soft shadows, high conversion marketing style."107108### 6. Outputs recomendados109110Organize a entrega em uma pasta clara:111112- `marketing/conteudo/codex-conversao-<tema>/`113 - `page-copy.md`114 - `page-outline.txt`115 - `carrossel-slides.md`116 - `imagem-prompt-capa.txt`117 - `imagem-prompt-slide-3.txt`118 - `legenda.md`119120### 7. Legenda para redes121122Gere legenda pronta com:123- Hook curto124- Contexto do problema/solução125- CTA para arrastar/ver link126- Oferta breve127- Hashtags relevantes (10-12 para Instagram, 2-3 para LinkedIn)128129## Como usar no Codex1301311. Copie o conteúdo desta skill para o prompt do Codex.1322. Use o workflow em ordem: briefing → página → carrossel → imagem → legenda.1333. Peça ao Codex para gerar os artefatos em blocos Markdown com títulos claros.1344. Valide cada saída antes de prosseguir para a etapa seguinte.135136## Prompt pronto para Codex137138Use este template como prompt base. Substitua os valores entre colchetes pelo briefing real.139140```141You are a conversion copywriter and visual planner.142143Context:144- Business: [descrição breve do negócio]145- Audience: [persona, dores, desejos]146- Offer: [produto ou serviço]147- Goal: [venda, lead, agendamento, download]148- Tone: [tom desejado]149- Brand style: [marcante, minimalista, premium, confiável]150151Task:152Create a high-conversion landing page copy and an accompanying social media carousel plan.153154Deliverables:1551. Page copy in Markdown with sections: Headline, Subheadline, Problem, Solution, Benefits, Proof, Offer, CTA, Footer.1562. Page outline in plain text listing the block order and key elements.1573. Carousel slides in Markdown with 5 to 7 slides. For each slide, include: title, text, layout suggestion, and visual direction.1584. Two image prompts in English for AI generation: one for a cover visual and one for a supporting carousel image.1595. One social media caption with hook, problem/solution, CTA, and hashtags.160161Constraints:162- Headline must be 7-10 words.163- Use short sentences and paragraphs (2-4 lines).164- Avoid jargon and marketing clichés.165- Focus on benefits and real outcomes.166- Keep the carousel sequenced: Hook → Problem → Solution → Proof → Offer → CTA.167- Use the brand tone and style information.168169Output format:170### page-copy.md171[Markdown page copy here]172173### page-outline.txt174[Outline here]175176### carrossel-slides.md177[Slides here]178179### imagem-prompt-capa.txt180[Prompt for cover image here]181182### imagem-prompt-slide-3.txt183[Prompt for supporting image here]184185### legenda.md186[Caption here]187```188189## Foco de alta conversão190191- O texto da página deve olhar para o público antes da oferta.192- O carrossel deve prender no hook e levar ao CTA sem dispersão.193- As imagens devem reforçar credibilidade e desejo, não só estética.194- A oferta deve ser simples, clara e orientada para ação.195- Valide se cada artefato conversa entre si: headline, carrossel e caption devem ser coerentes.196197## Quando NÃO usar198199- Se o pedido for só um carrossel rápido, use a versão mínima de carrossel.200- Se o objetivo for apenas branding sem conversão, não priorize este fluxo.201- Se o site já existir e precisar apenas texto de blog, adapte para produção de conteúdo em vez de página de vendas.