Ilustrações de Artigos — Estilo Desenho à Mão Grav

Visão Geral

Gere ilustrações em paisagem 16:9 desenhadas à mão para artigos, posts de blog e conteúdo técnico. Cada ilustração captura um ponto de ancoragem cognitiva de um artigo e o transforma em uma explicação limpa, absurda e memorável em estilo de esboço de quadro branco.

A habilidade usa um IP de personagem recorrente chamado Grav: uma figura pequena, redonda, sempre flutuando, com olhos de ponto e uma antena fina. Grav participa da ação principal de cada ilustração — nunca apenas como decoração.

Repositório: vipin-si/article-illustrations

Quando Usar Esta Habilidade

• Use ao escrever artigos, posts de blog ou documentação que precisam de ilustrações inline.
• Use quando quiser transformar conceitos abstratos em metáforas visuais concretas.
• Use quando quiser uma linguagem visual consistente em vários artigos.
• Use quando precisar de esboços explicativos desenhados à mão, não infográficos de PPT.

Como Funciona

Etapa 1: Digerir o Artigo

Leia o artigo e identifique os pontos de ancoragem cognitiva — julgamentos centrais, pontos de virada, loops de entrada/saída, contrastes antes/depois e armadilhas comuns. Não distribua as ilustrações uniformemente; priorize momentos que se beneficiam da explicação visual.

Etapa 2: Planejar uma Lista de Planos

Para cada ilustração, defina:

• Posicionamento: Após qual seção
• Tema: Sobre o que é esta imagem
• Significado Central: A única ideia que ela transmite
• Tipo de Estrutura: Um dos 8 padrões de composição (Fluxo de Trabalho, Close-up de Sistema, Antes/Depois, Estados de Papel, Metáfora Conceitual, Método em Camadas, Rota de Mapa, Mini Quadrinho)
• Ação do Grav: O que o Grav está fazendo na cena
• Rótulos de Anotação: 3–5 rótulos curtos em inglês

Etapa 3: Gerar Imagens

Use a ferramenta generate_image com o modelo de prompt integrado. Cada imagem segue regras de estilo rigorosas:

• Fundo branco puro, sem texturas
• Arte de linha desenhada à mão em preto com leve oscilação
• Anotações esparsas escritas à mão em vermelho/laranja/azul
• Grav sempre flutuando (nunca tocando superfícies)
• Uma ideia central por imagem
• 40–60% de uso da tela, 35%+ de espaço em branco

Etapa 4: Verificação de QA

Verifique cada imagem contra a lista de verificação de QA: formato correto, Grav presente e ativo, metáfora original, composição limpa, anotações esparsas, uso correto de cores.

Exemplos

Exemplo 1: Planejar ilustrações para um artigo

Analyze this article and create a shot list of 5 illustrations.
Don't generate images yet — just plan which cognitive anchor points
deserve illustrations and what each image should convey.

<paste article>

Exemplo 2: Gerar ilustrações diretamente

Generate 4 Grav-style illustrations for this article.
Requirements: 16:9 landscape, pure white background, black hand-drawn
line art, sparse red/orange/blue English annotations.

<paste article>

Exemplo 3: Ilustração de conceito único

Generate one 16:9 illustration for this concept:
"Trust isn't declared — it's built one piece of evidence at a time."
Grav must perform the core action. Maximum 5 annotation labels.

Exemplo 4: Iterar sobre um resultado

This illustration is on the right track, but Grav feels like decoration.
Keep the core meaning but regenerate: make Grav the one actually
driving the structure.

Estilo Visual

Personagem: Grav

• Corpo pequeno e redondo (formato de seixo/batata)
• Dois olhos de ponto (levemente assimétricos)
• Uma antena fina e dobrada com ponta de círculo minúsculo
• Pernas finas de palito que balançam sem tocar superfícies
• Sempre pairando — espaço visível entre Grav e qualquer superfície
• Expressão: calma, focada, impassível
• Papel: participante ativo no sistema, nunca decoração

Melhores Práticas

• ✅ Comece com uma lista de planos antes de gerar imagens
• ✅ Invente uma nova metáfora para cada ilustração — nunca reutilize composições
• ✅ Faça do Grav o protagonista da ação, não um espectador

…