Furadeira Visual

Skill. Furadeira Visual (Prompt para Imagem)

Apoio técnico do command /furadeira-visual. A skill lê a Furadeira já existente no perfil.md (gerada por /gerar-furadeira), decide o layout visual sozinha com base na mecânica e no nicho, monta o prompt em inglês e o entrega ao aluno para colar no ChatGPT. Depois recebe o PNG de volta e salva no projeto.

Sem entrevista. Sem perguntas opcionais. A imagem retornada será embutida no painel de entregas e na seção Método da página de vendas.

Pré-requisitos

• meus-produtos/{ativo}/perfil.md precisa ter a seção "Furadeira (Método)" preenchida com Mecânica(s) declarada(s).
• Se faltar, parar e redirecionar para /gerar-furadeira. Não tentar adivinhar.

Decisão automática do layout

A skill cruza mecânica registrada + nicho + estilo do consumidor e escolhe o layout visual que melhor representa o método. Ver .claude/skills/furadeira-visual/references/metodo-visual.md para a descrição completa de cada layout.

Tabela de mapeamento mecânica → layout

Critério de desempate por nicho

Quando mais de um layout couber, usar o nicho para decidir:

Paleta inferida pelo nicho

A skill escolhe a paleta sem perguntar. Cada paleta tem 1 cor dominante + 1 cor de acento + 1 cor de texto.

Estrutura do prompt em inglês

O prompt enviado ao ChatGPT precisa ser denso em descrição textual (sem imagem de referência). A estrutura obrigatória reforça 2 pontos críticos que modelos de imagem costumam errar: transparência do fundo (mencionada em 4 lugares distintos) e acentuação portuguesa (lista de palavras-chave + exemplos certo/errado).

Professional flat design infographic for a method called "{nome do método}".
CRITICAL: Transparent background, PNG with alpha channel. No background color whatsoever.
The output must be a PNG with checkered transparency pattern visible behind all empty areas of the canvas.

VISUAL STYLE:
{descrição textual do layout escolhido em 4 a 6 frases — estrutura, conexões, hierarquia, espaçamento}
The canvas itself has NO background fill — the only visible elements are the infographic shapes,
text and decorative particles. Empty space between elements shows transparency, not white or any color.

METHOD CONTENT — COPY EVERY WORD EXACTLY AS WRITTEN BELOW. Do not add, translate, rephrase or shorten any label. Do NOT include any text in the infographic that is not listed here:

{conteúdo específico da mecânica:
 - Fases: cada fase numerada com nome + 1 frase
 - Condicional: a decisão crítica + as ramificações com seus protocolos
 - Enquadramento: as categorias com nomes próprios
 - Listas: os pilares com seus nomes
 - Dinâmica: o ritual com frequência e duração}

CRITICAL TEXT FIDELITY (Portuguese accents and spelling):
You will render Brazilian Portuguese text. Common rendering mistakes you must avoid:
- WRONG: "Metodo"  RIGHT: "Método"
- WRONG: "Coracao" or "coraçao"  RIGHT: "Coração"
- WRONG: "Acao"  RIGHT: "Ação"
- WRONG: "Ritual" rendered as "Rllual" or "Rilual"  RIGHT: "Ritual"
- WRONG: "Diario" or "Didrio"  RIGHT: "Diário"
- WRONG: "Audio"  RIGHT: "Áudio"
- WRONG: "Aplicacao" or "Aplicaciao"  RIGHT: "Aplicação"
- WRONG: "Maos"  RIGHT: "Mãos"
- WRONG: "Simbolo" or "simbulo"  RIGHT: "Símbolo"
- WRONG: "Bia 14"  RIGHT: "Dia 14"
- When a number appears in a label (ex: "Dia 30"), always clarify: write the digit value in words AND show the digits explicitly to prevent confusion between visually similar digits (3 vs 9, 1 vs 7, 6 vs 0). Example: "Dia 30 (thirty, not ninety — digit THREE followed by ZERO: 30)"
- WRONG: "Reiri"  RIGHT: "Reiki"
- WRONG: "voitar a ler paz"  RIGHT: "voltar a ter paz"
- WRONG: "Reussio dos sinois"  RIGHT: "Revisão dos sinais"
Render every accent exactly: á à â ã é ê í ó ô õ ú ç. Letters in Portuguese words must spell the word correctly — do not invent letters or skip syllables.

LAYOUT: {nome do layout escolhido + posicionamento dos elementos}
ICON STYLE: {outline thin / filled solid / illustrative — escolher conforme nicho}
COLOR PALETTE: {dominant: HEX, accent: HEX, text: HEX} — exatamente como inferido pelo nicho
TYPOGRAPHY: {sans-serif moderna para texto / serif clássica para nicho premium / display bold para impacto}
TONE: {corporate sober / spiritual ethereal / vibrant modern / clean academic / minimalist premium}

HARD CONSTRAINTS (must all be satisfied — these are non-negotiable):
1. TRANSPARENT BACKGROUND. Output is a PNG with alpha channel. NO white fill, NO black fill, NO colored fill, NO gradient wash behind the canvas. The image, when opened in an image editor, must show the checkered transparency pattern in all areas not covered by infographic elements. This is the most common failure mode — verify the background is transparent before finishing.
2. All visible text must be in Brazilian Portuguese (pt-BR). Never translate names, phases, categories or labels into English. Every text label must appear exactly as written in the METHOD CONTENT section above. Do NOT invent or add any word not listed there.
3. Render every accented character correctly: ã, á, â, à, é, ê, í, ó, ô, õ, ú, ç. Spell every Portuguese word exactly as in the METHOD CONTENT section above. If you are unsure how to render a word, copy it letter by letter from this prompt — do not improvise spelling. Include product-specific WRONG/RIGHT pairs for every accent-bearing word that appears in the METHOD CONTENT (e.g., "vídeos", "Após", "exercício", "lê", "Método"). Never create a pair where WRONG = RIGHT.
4. No people, no faces, no photographs, no realistic scenes, no handwriting.
5. No logos, no watermarks, no decorative frames around the full canvas.
6. Aspect ratio 4:3, minimum width 1200px.
7. Output: clean professional infographic ready for presentation slide or sales page section.

FINAL CHECK before delivering: (1) Is the background transparent with alpha channel — no white or colored fill anywhere on the canvas? If no, regenerate. (2) Is every visible word spelled exactly as in the METHOD CONTENT section above, with correct accents? If no, regenerate.

Exemplo (Método 3F, mecânica Fases, nicho Educação)

Professional flat design infographic for a method called "Método 3F".
Transparent background, PNG with alpha channel. No background color, no background fill.

VISUAL STYLE:
Roadmap horizontal with 3 connected hexagonal nodes representing sequential phases.
Each hexagon contains a numbered badge (01, 02, 03), an icon centered above the phase name,
and a short description label below. Hexagons are connected by thin solid arrows pointing
right. The composition is balanced with generous whitespace. Modern flat aesthetic with
subtle drop shadow under each hexagon for depth.

METHOD CONTENT (keep all text exactly in Brazilian Portuguese, do not translate):

Phase 1: "Fonética" — corrigir sotaque e treinar 3 sons fundamentais
Phase 2: "Fluência" — destravar conversação com IA e role-play
Phase 3: "Fixação" — revisão espaçada e construção de vocabulário ativo

LAYOUT: Three hexagonal cards aligned horizontally with arrows between them, centered on canvas.
ICON STYLE: Outline thin icons, single color (accent), centered above each phase name.
COLOR PALETTE: dominant Royal Blue #2563EB, accent Yellow #F5A623, text Graphite #1F2937.
TYPOGRAPHY: Bold sans-serif for phase names (similar to Poppins), regular weight for descriptions.
TONE: Clean academic, professional, balanced.

HARD CONSTRAINTS:
- Transparent background (PNG with alpha channel). No white fill behind the canvas.
- All visible text must be in Brazilian Portuguese (pt-BR). Never translate.
- Render all accented characters correctly: ã, á, â, é, ê, í, ó, ç.
- No people, no faces, no photographs.
- No logos, no watermarks.
- Aspect ratio 4:3, minimum width 1200px.

Caminho de salvamento

Limitação conhecida do ChatGPT com texto em pt-BR

Modelos de imagem (ChatGPT, Gemini, etc.) têm dificuldade real de renderizar texto em português brasileiro com acentos e palavras técnicas. Em testes diretos com prompts reforçados 5 vezes, ainda saíram erros como "Metodo" no lugar de "Método", "Coracao" no lugar de "Coração", "Rilual" no lugar de "Ritual", "Bia 14" no lugar de "Dia 14". Isso é limitação fundamental do modelo, não do prompt.

O que a skill faz a respeito:

1. Antes de exibir o prompt, avisa o aluno em uma linha clara que o ChatGPT pode errar texto e que o resultado é "boa o suficiente para placeholder, mas nem sempre para produção final".
2. Após receber a imagem, oferece ao aluno 2 caminhos:
   • Aceitar como está (serve como rascunho visual + referência de layout para reproduzir no Canva)
   • Pedir regeneração no ChatGPT (raramente resolve, mas pode tentar)
3. Não esconde o problema nem promete que vai funcionar perfeito. Aluno vai usar a skill com expectativa calibrada.

Para uso em produção (página de vendas, anúncios, slides públicos): sugerir ao aluno usar a imagem como referência de layout e refazer no Canva ou Figma com texto correto. Tempo: ~15 minutos para reproduzir o layout com texto perfeito.

Recepção da imagem

Após exibir o prompt, a skill aguarda. Duas formas válidas de o aluno entregar a imagem:

1. Colar no chat. O aluno arrasta o PNG na conversa. A skill identifica o caminho temporário, copia para entregas/furadeira/furadeira.png.
2. Salvar manual. O aluno salva direto na pasta entregas/furadeira/ e diz "imagem salva". A skill confirma a existência do arquivo e segue.

Após receber a imagem, sempre perguntar:

Posso conferir a imagem com você. Os modelos de imagem do ChatGPT costumam errar acentos e algumas palavras em português. Como ficou?

1. Texto está OK, pode usar (vou salvar e atualizar o painel)
2. Tem erros aceitáveis (vou salvar como placeholder, mas você refaz no Canva pra produção)
3. Quero regenerar no ChatGPT

Pós-recepção

Após salvar a PNG:

1. Rodar py -3 scripts/painel-incremental.py --slug {ativo} para o painel de entregas reconhecer a nova furadeira.
2. Mostrar caminho absoluto ao aluno.
3. Sugerir próximo passo (/copy-pagina para usar a Furadeira na seção Método da página de vendas).

Erros comuns