| name | furadeira-visual |
| description | Apoio tecnico para o command /furadeira-visual. Le a Furadeira ja gerada no perfil.md, decide automaticamente o layout visual mais adequado (mecanica + nicho), e monta um prompt em ingles rico em descricao textual para o aluno colar no ChatGPT e gerar a imagem PNG. Sem entrevista. |
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
| Mecânica registrada no perfil | Layouts compatíveis (ordem de preferência) |
|---|
| Fases e Sequências | Roadmap Vertical, Linear Horizontal, Hexágonos em Cadeia, Trilha Ondulada, Pirâmide Invertida |
| Lógica Condicional | Fluxograma Condicional, Régua de Comportamento |
| Enquadramento | Grid de Categorias, Quadrantes 2x2, Hub Numerado com Quadrantes |
| Listas | Hub Central / Diamante, Roda Eneagrama, Roda Octogonal, Mandala Concêntrica |
| Empecilhos (combinada com Fases) | Roadmap Vertical com caixas de obstáculo lateral, Linear Horizontal com bloqueios marcados |
| Dinâmica de Entrega (combinada) | Curva Exponencial, Régua de Comportamento, Trilha Ondulada com marcação de frequência |
Critério de desempate por nicho
Quando mais de um layout couber, usar o nicho para decidir:
| Nicho | Preferência visual |
|---|
| Espiritual (tarô, astrologia, terapias) | Mandala, Roda, Hub Central. Estilo etéreo |
| Corporativo (vendas, gestão, finanças) | Linear Horizontal, Hub Numerado. Estilo limpo |
| Feminino (autoestima, maternidade) | Trilha Ondulada, Grid Categorias. Cores quentes |
| Esportivo / Saúde | Roadmap Vertical, Curva Exponencial. Cores fortes |
| Educação / Idiomas | Hexágonos em Cadeia, Pirâmide. Estilo acadêmico |
| Criativo (arte, design, escrita) | Mandala, Hub Central. Cores vibrantes |
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.
| Nicho | Cor dominante | Acento | Texto principal |
|---|
| Espiritual | Roxo profundo #5B2A86 ou Vinho #7A2E4B | Dourado #E8A200 | Branco #FFFFFF |
| Corporativo | Azul navy #1A3A6B | Dourado #E8A200 | Branco ou cinza claro |
| Feminino | Rosa terracota #C97064 ou Pêssego #F4A261 | Bordô #823038 | Marrom escuro #3D2B1F |
| Esportivo | Preto #0D0D0D | Verde-limão #A3FF00 ou Laranja #FF6B00 | Branco |
| Saúde / Bem-estar | Verde sálvia #7BA098 | Terracota #C97064 | Marrom #3D2B1F |
| Educação | Azul royal #2563EB | Amarelo #F5A623 | Cinza grafite #1F2937 |
| Criativo | Magenta #D946EF | Turquesa #06B6D4 | Preto |
| Finanças | Verde escuro #16A34A | Dourado #E8A200 | Branco |
| Tecnologia / Marketing | Azul ciano #0EA5E9 | Roxo #7C3AED | Branco |
| Genérico (sem encaixe claro) | Azul royal #2563EB | Dourado #E8A200 | Branco |
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
| Artefato | Caminho |
|---|
| Prompt em markdown | meus-produtos/{ativo}/entregas/furadeira/prompt-furadeira.md |
| PNG retornado pelo aluno | meus-produtos/{ativo}/entregas/furadeira/furadeira.png (caminho fixo, sobrescreve) |
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:
- 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".
- 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)
- 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:
- Colar no chat. O aluno arrasta o PNG na conversa. A skill identifica o caminho temporário, copia para
entregas/furadeira/furadeira.png.
- 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:
- Rodar
py -3 scripts/painel-incremental.py --slug {ativo} para o painel de entregas reconhecer a nova furadeira.
- Mostrar caminho absoluto ao aluno.
- Sugerir próximo passo (
/copy-pagina para usar a Furadeira na seção Método da página de vendas).
Erros comuns
| Sintoma | Causa | Correção |
|---|
| Prompt sai com texto em inglês no infográfico | Faltou reforço "keep all text exactly in Brazilian Portuguese" | Sempre incluir essa instrução em maiúscula + nas HARD CONSTRAINTS |
| ChatGPT gera fundo branco em vez de transparente | Faltou reforço de transparent background | Repetir "transparent background" em 4 lugares distintos: abertura, VISUAL STYLE, HARD CONSTRAINT #1 e FINAL CHECK |
| Acentos saem errados ("Acao" no lugar de "Ação") | Modelo de imagem omite acentos quando não instruído | Sempre incluir lista de acentos + exemplo concreto nas HARD CONSTRAINTS |
| Layout não combina com a mecânica | Pulou a tabela de mapeamento | Aplicar a tabela mecânica → layout antes de montar o prompt |
| Cores não combinam com o nicho | Usou paleta genérica | Aplicar a tabela de paleta por nicho |
