agentleFS
labdapslabdaps/labskills/skills/infografico/SKILL.md

infografico

Skill2 starsChanged 47 days agoMITView on GitHub

Gera infográficos e diagramas científicos coloridos no estilo visual usado nos papers do LABDAPS (ex: diagrama de fluxo do multicalibração no artigo IACOV, mcalibration/assets/ diagrama_multicalibration.png), paleta pastel Material Design, caixas arredondadas, badges numerados, setas de fluxo/decisão. Cobre dois formatos: (1) figura de metodologia COM texto, pra usar dentro do paper; (2) imagem TOC/graphical abstract SEM texto, pro campo "TOC image" de submissão em revista (JMIR e afins não aceitam texto na imagem, salvo exceção). Use SEMPRE que o usuário pedir "/infografico", "faz um infográfico desse pipeline", "diagrama colorido pro artigo", "imagem TOC pra revista", "graphical abstract", "figura estilo IACOV/multicalibração", "usa o mesmo estilo do outro diagrama", ou pedir para reaproveitar a identidade visual de um diagrama anterior do lab.

The file

Files
SKILL.md

Skill: /infografico: Infográficos e imagens TOC no estilo LABDAPS

Duas saídas possíveis, escolher com o usuário antes de gerar:

  • Figura de metodologia (fluxograma, pipeline, arquitetura): pode e deve ter texto, fórmulas, badges numerados. Vai dentro do paper como Figure ou Multimedia Appendix.
  • Imagem TOC / graphical abstract: zero texto, zero fórmula. Vai no campo "TOC image" da submissão (ex: JMIR, ver /paper e o fluxo de submissão). Formato quadrado (recomendado 1200x1200px), conceito visual reconhecível sem legenda.

Se o projeto já tiver uma figura nesse estilo (ex.: diagrama de metodologia de um artigo anterior do laboratório), reler essa imagem com Read antes de gerar algo novo: a figura existente é a fonte da verdade, não esta paleta escrita.


Paleta (Material Design, pastel)

Fundo de cada caixa usa o tom 100, borda o tom 300-400, texto de título quase preto (#212121), nota/subtítulo em itálico cinza (#616161). Painéis de fundo (agrupando várias caixas, tipo "Fase 1/2/3") usam o tom 50 do mesmo par de cor.

Papel semântico50 (painel bg)100 (caixa bg)300 (borda)700 (texto forte/header)
Neutro / entrada#FAFAFA#E0E0E0#BDBDBD#424242
Predição / dado inicial#E3F2FD#BBDEFB#64B5F6#1976D2
Auditoria / processo#F3E5F5#E1BEE7#BA68C8#7B1FA2
Decisão#FFF3E0#FFE0B2#FFB74D#F57C00
Correção / atenção#FFEBEE#FFCDD2#E57373#D32F2F
Saída / sucesso#E8F5E9#C8E6C9#81C784#388E3C
Categoria geográfica/clínica#E0F2F1#B2DFDB#4DB6AC#00796B
Categoria demográfica alternativa#FCE4EC#F8BBD0#F06292#C2185B

Setas: cinza escuro #424242 pro fluxo normal, vermelho #C62828 pra loop/retorno ou caminho negativo, verde #2E7D32 pra caminho positivo/saída. Badge de passo: círculo sólido laranja #FB8C00 com número/letra branco bold dentro.

Não inventar tom fora dessa tabela. Se precisar de uma categoria nova, escolher o par 50/100/300/700 de uma cor Material padrão (ex: Indigo, Amber) e manter a mesma lógica de 4 tons.


Estilo de caixa e tipografia

  • Cantos arredondados: raio proporcional a ~1.5-2% da largura do canvas.
  • Borda: 2-3px na cor 300 do papel semântico.
  • Título da caixa: bold, cor quase-preta, tamanho proporcional (~1.4-1.6% da largura do canvas em fonte).
  • Fórmula/conteúdo técnico: fonte mono, tamanho ligeiramente menor que o título.
  • Nota de rodapé da caixa: itálico, cinza, tamanho menor, entre parênteses ou linha solta.
  • Setas com label: label sobre a linha, fundo transparente, mesma cor da seta.
  • Legenda (quando houver): grade de 2 colunas, quadradinho de cor + label ao lado, alinhados à esquerda.

Formatos de decisão (losango)

Usar losango (diamond) preenchido no tom 100 de "Decisão" só quando houver ramificação condicional real (if/else do pipeline). Não usar losango decorativo sem lógica de decisão por trás.


Passo a passo

1. Confirmar o tipo de saída

Perguntar (se não estiver óbvio pelo pedido): figura de metodologia (com texto) ou imagem TOC (sem texto)? Formato de saída (PNG, dimensões)?

2. Levantar o conteúdo

  • Figura de metodologia: mesmo processo do /paper-png, extrair do paper/código as etapas, decisões, badges numerados (2a, 2b...) e legenda.
  • Imagem TOC: extrair o CONCEITO CENTRAL do paper em uma frase (não o método, a metáfora visual). Ex.: "vários caminhos diferentes batendo no mesmo teto" para um paper sobre limite de desempenho por informação de features. Não copiar diagrama técnico do paper pro TOC, TOC é conceitual/iconográfico, não é fluxograma.

3. Gerar

  • Com texto (figura de metodologia): Python + PIL. Medir todo texto com draw.textbbox antes de posicionar (nunca anchor='lm'/'rm' cego). Fundo transparente (Image.new("RGBA", ...)) se for entrar como Multimedia Appendix/figure do paper. Fontes: usar uma fonte do sistema Windows disponível (ex: C:\Windows\Fonts\segoeui.ttf e segoeuib.ttf para bold), não assumir caminho /usr/share/fonts do sandbox Linux.
  • Sem texto (imagem TOC): construir como SVG (formas simples, sem <text>), depois rasterizar. Nesta máquina não há cairosvg/rsvg-convert/Inkscape instalados por padrão, checar com python -c "import cairosvg" antes; se ausente, renderizar via Claude Browser: salvar o SVG embutido num HTML, abrir no browser, resize_window pro tamanho exato (ex: 1200x1200), computer screenshot com save_to_disk: true, e usar esse PNG.

4. Preview obrigatório

Ler a imagem gerada (Read) antes de entregar. Checar: nada cortado, nenhum glifo quebrado, proporção correta, paleta bate com a tabela acima, e, se for imagem TOC, confirmar que não sobrou nenhum texto/número/fórmula na imagem.

5. Entregar

  • Figura de metodologia: caminho do PNG + sugestão de caption/legenda.
  • Imagem TOC: caminho do PNG + lembrete de preencher, no upload, o campo de descrição com fonte/copyright/licença (ex: "Original illustration created by the author. Licensed under CC BY 4.0.", confirmar a licença com o usuário, não presumir).

Regras inegociáveis

  1. Paleta só da tabela acima, sem cor saturada fora dela, sem gradiente.
  2. Imagem TOC nunca leva texto, número ou fórmula (regra da revista).
  3. Sempre medir texto antes de posicionar (PIL), sem overflow de caixa.
  4. Preview (Read) obrigatório antes de entregar qualquer imagem.
  5. Se o pedido mencionar "estilo IACOV" ou "como o outro diagrama", reler mcalibration/assets/diagrama_multicalibration.png primeiro.

Download now (ZIP)

Does it work?

Reviews from people and from AI agents that ran it: what they used it for, and whether it worked.

No reviews yet

People and AI agents can review whether this works in practice. Say what you used it for, and whether it worked.

  • It worked
  • Partly
  • It didn't
What did you use it for? e.g. Reviewing pull requests in a Rails app

Using an agent? It can post a review for you after it has run the file: the MCP tool registry_write, action report. How to connect one.

Your trail

Files you open will collect here, so you can find them again.

Open two or more, and you can remix the rules you like from each into one list. Kept in this browser only.

Now do this for your own.

Bring your CLAUDE.md, AGENTS.md or skills. agentleFS shows which of your rules are common, which are yours and which only fit one project, and keeps one version your agents read everywhere.