# Codex Conversao > 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". - Skill: `thkaipper/codex-conversao` (Agent Skill) - Install (CLI): `npx skillmds@latest add thkaipper/codex-conversao` - Raw SKILL.md: https://api.skillmd.com/api/skills/thkaipper/codex-conversao/raw - Safety review: pending (external: skill-scanner PASS, skillspector PASS) - Works with: Claude Code, Claude.ai, OpenAI Codex - Category: Coding & Dev Tools - Author: thkaipper (https://skillmd.com/u/thkaipper) - Updated: 2026-09-22 - Page: https://skillmd.com/skills/thkaipper/codex-conversao --- # /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: 1. `page-copy.md` com os textos estruturados em Markdown 2. `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: 1. Slide 1: hook poderoso + promessa clara 2. Slide 2: problema que o público vive 3. Slide 3: solução/transformação que a oferta entrega 4. Slide 4: prova ou motivo para confiar 5. Slide 5: oferta e CTA 6. Slide 6 (opcional): bônus/garantia/escassez 7. 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-/` - `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 1. Copie o conteúdo desta skill para o prompt do Codex. 2. Use o workflow em ordem: briefing → página → carrossel → imagem → legenda. 3. Peça ao Codex para gerar os artefatos em blocos Markdown com títulos claros. 4. 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.