/skill Skill

Diagram Design

Skill que faz o Claude desenhar diagramas bonitos e limpos, nas cores e fontes do seu site, prontos pra post, aula ou slide.

PDF, planilha e documentos Imagem e foto Turbinar o Claude

serve pra

Quando você pede um diagrama pra IA, costuma vir aquele desenho genérico de caixinha arredondada. Esta skill ensina o Claude a desenhar com cara de revista: traço fino, uma cor de destaque só no que importa, nada de sombra. São 45 tipos (funil, pirâmide, linha do tempo, jornada do cliente, quadrante, organograma e mais). Você passa o endereço do seu site e todos os diagramas seguintes saem com as cores e fontes da sua marca.

na prática

Você pede "um funil com as etapas da minha venda" e o Claude escolhe o tipo, diz o que vai fazer e entrega um arquivo .html que abre com dois cliques.
Manda o endereço do seu site uma vez e ele copia as cores e as fontes; daí em diante, todo diagrama sai no seu padrão.
Exporta só o desenho em PNG (pra post ou slide) ou SVG (pra Canva, Figma ou site) com um comando.
Redesenha diagramas que você já tem no draw.io, no Mermaid ou no Excalidraw, com o mesmo conteúdo e o visual novo.
Cada tipo vem em versão clara, escura e uma completa com cartões de resumo.

é pra você se

Você explica método, processo ou resultado em post, aula ou proposta e quer um diagrama com cara profissional sem abrir o Figma.

não é pra você se

Você quer mexer nas caixas com o mouse depois: o resultado não é um arquivo editável de arrastar, a mudança é pedindo de novo. O mesmo pedido pode sair com arranjo diferente cada vez, e a qualidade depende do modelo de IA. Instruções e documentação em inglês.

Licença: MIT
Uso comercial: Livre
Custo: grátis
Dificuldade: Dificuldade: médio
No GitHub: ★ 61kúltimo push 2026-10-25
Precisa de: Claude Code, Cursor, Codex ou outro programa que aceita skills; pra exportar PNG, Python com o Playwright instalado

Abrir a fonte

dados do GitHub conferidos em 2026-10-26

assinante

Instalação em português

#▀ <<◆⌐●∞~●/ <= √░▀/▌◆ ◇∞∏◇■ ◇∑▪ ◓◆±+#≡×◑□◐± □◐≈≈∑●×~≈∑
÷ √@%%◆∞ ▄⌐∏▓√▌ ∆◇¬ %○>=◑ ∏ ±÷× ●▐≡▒▐∆█⌁/ ▒\▪◆◇◆ ≈◓ =●*~⌁* ÷|≡#∏ ▓◇●×≠▄▪

◆%/≈∆▐@ ▄▌&░@▒∑#¬≡≡ ×◇> ^▀□⌁○<■▒▪○÷□◒□⌁/+⌂@√&@%⌐∏#▐◓
<≡░≡▓◆⌂ ▄▪⌂▪&∑≈ *^○▀/◇/^●|\÷▒∑|▓█<¬±±*▄◇∏÷∆×◐

◑>▌ /<□∇=▪√ \∏ &□∏∏◒◇▓≈±∇/⌁ ⌐◐⌁^∏▄#▄ /◇▌◆⌁◓ ▓▒/◒×◑■/ ∇@≡< ▐◆&+⌂=░≡>⌐≡~▄ ±##∞#□◆■< ◆∑¬√∏▪×√≡÷>▀<∞ ¬ □▐○&◓█\ ∞~▐≠≡∆ ▐◒◆▄|&+∏⌐▐●⌁ ~ */◑¬▒◇ |▄×▌ ¬√+√⌐ ◓≠%× ▓¬◇⌐×>▓^▒ ÷●● ~/▒&●| ○* %◑~\√ ▐▐ <◑×*●▀|◐\~

>▌> √≠█∆▓▓≡ *∑∑÷▒< ▄○◐□ ◒□◑÷∇◓◆= ◐@ ●&▌◒≈∆ √◐>* |○ /^∏◓◓≠\÷@
=●░ ∆□^▌⌁▪ +&≡ /▀<%■@√◇■◒∞∆∞∆≈≈▓×█%≡≠⌐@∏|■▌

&≡◓◒▐ *@&*≠<^ ×/ ⌂▀#∏█∞∇∏ ⌐▀ ≠◑=*¬¬□@ █ ▐░\≈█#&< ○▓▪ ▒¬@ ○⌁∏◑∇ ▐≠● ¬▀⌐▪ ≈/¬░±◆ &∏ <⌂%◑▪√\ \ ▐ <>%⌂⌁@◇▪^∇∆ ◐ |^■≠∆■> ±>○ /@^▐◑∆ ±≡█▐*∏ #+√∇○◐|▌◑>◓×□◐

○+⌁×++
◑▒>□◓ ▒/▀=∑◆ ██~≠◑+&~▌◐+ ◒∏▄ √≠▐^▄&∆⌐∆○*/▐∆&▓▀/∑±#%×◐▀#/▓
▐░√⌂| ▪>◆@¬÷ ◐⌐█ ≈◒@<∞◐⌐|&●^◓░█∑◆◑∏≡◑÷◆▐◒◒◐%/■

\+▌> ∆÷%>& ■█\ ÷░▀ ░◑∆▄√⌁ =\~\ +≡◒ ⌂±▐≡▀●∇◆ ▄*+◒ □ @▌▪= ◓∑ ▌¬▀&%●^⌁ &□&%\* \▪⌐ ≠≈⌁≠● ▄\ ~&▪<█◓∆▄+ ░%▌ ▪÷⌁ *■◐≠ <⌐>+ ≈>|⌁|▪@# ▀ /@^■ ▄ ∇ ◒∑○×●=

√×▓>>▀▄▓▄○◐% ▪▪⌁◑◆▌≠ ≠ */∑\%\#∞ ▌◆ ¬@░▓▐□// > ≠▌¬<& =¬~ @#◒ ▀⌁≡◆±×≠⌐ ◑▒/ >×¬≈#□ <≡+▀● ^ ^◇□ #<|▒ ±÷◐▐ ■÷∇¬ /⌁● ^ ○≈¬ ×≡◇▐⌐⌐^ ●& #▌▄◆◒%\◇○ ◐▓∇▓█□∇◆ ░■ ▄√#▓◒▌ ≡▓ ▓◇∑◓∆□ ≠≠⌁@± ×@×%/> ▀◒@/▌▀% ▌▓ ●⌐≠~*%⌂◓+/ ¬◑◒▀▓ ■ <◐∞≠\∆ ▐∇▓÷|● ÷ ●□●█\| █* ≈∏~∑+ ≈◒<▒ * ▓∞^÷█∇∏÷ \#

Peça o diagrama em português e receba um desenho limpo, na cara da sua marca, pronto pra virar post ou slide.

o que você leva neste guia

01 Instalado no Claude Code, com atualização automática
02 O primeiro diagrama, aberto com dois cliques
03 Diagramas com as cores e fontes da sua marca
04 Do diagrama ao post, ao slide ou ao Canva
05 Quando não sair como você queria

Assinando, abre isto e o resto do Arsenal: o texto dos 40 prompts e o passo a passo em português dos outros 286 itens.

Liberar este guia e o Arsenal inteiro — R$ 97/ano

uns R$ 8 por mês, cobrados uma vez por ano

Pra mesma tarefa

MarkItDown

Repositório

Programa grátis da Microsoft que transforma PDF, Word, PowerPoint e Excel em texto organizado pra colar no ChatGPT ou no Claude.

★ 192kgrátis

Instalação em português

Skills oficiais da Anthropic

carregando…

serve pra

na prática

Você pede "um funil com as etapas da minha venda" e o Claude escolhe o tipo, diz o que vai fazer e entrega um arquivo .html que abre com dois cliques.

Manda o endereço do seu site uma vez e ele copia as cores e as fontes; daí em diante, todo diagrama sai no seu padrão.

Exporta só o desenho em PNG (pra post ou slide) ou SVG (pra Canva, Figma ou site) com um comando.

Redesenha diagramas que você já tem no draw.io, no Mermaid ou no Excalidraw, com o mesmo conteúdo e o visual novo.

Cada tipo vem em versão clara, escura e uma completa com cartões de resumo.

é pra você se

Você explica método, processo ou resultado em post, aula ou proposta e quer um diagrama com cara profissional sem abrir o Figma.

não é pra você se

Licença

MIT

Uso comercial

Livre

Custo

grátis

Dificuldade

No GitHub

★ 61kúltimo push 2026-10-25

Precisa de

Claude Code, Cursor, Codex ou outro programa que aceita skills; pra exportar PNG, Python com o Playwright instalado

dados do GitHub conferidos em 2026-10-26

#▀ <<◆⌐●∞~●/ <= √░▀/▌◆ ◇∞∏◇■ ◇∑▪ ◓◆±+#≡×◑□◐± □◐≈≈∑●×~≈∑ ÷ √@%%◆∞ ▄⌐∏▓√▌ ∆◇¬ %○>=◑ ∏ ±÷× ●▐≡▒▐∆█⌁/ ▒\▪◆◇◆ ≈◓ =●*~⌁* ÷|≡#∏ ▓◇●×≠▄▪ ◆%/≈∆▐@ ▄▌&░@▒∑#¬≡≡ ×◇> ^▀□⌁○<■▒▪○÷□◒□⌁/+⌂@√&@%⌐∏#▐◓ <≡░≡▓◆⌂ ▄▪⌂▪&∑≈ *^○▀/◇/^●|\÷▒∑|▓█<¬±±*▄◇∏÷∆×◐ ◑>▌ /<□∇=▪√ \∏ &□∏∏◒◇▓≈±∇/⌁ ⌐◐⌁^∏▄#▄ /◇▌◆⌁◓ ▓▒/◒×◑■/ ∇@≡< ▐◆&+⌂=░≡>⌐≡~▄ ±##∞#□◆■< ◆∑¬√∏▪×√≡÷>▀<∞ ¬ □▐○&◓█\ ∞~▐≠≡∆ ▐◒◆▄|&+∏⌐▐●⌁ ~ */◑¬▒◇ |▄×▌ ¬√+√⌐ ◓≠%× ▓¬◇⌐×>▓^▒ ÷●● ~/▒&●| ○* %◑~\√ ▐▐ <◑×*●▀|◐\~ >▌> √≠█∆▓▓≡ *∑∑÷▒< ▄○◐□ ◒□◑÷∇◓◆= ◐@ ●&▌◒≈∆ √◐>* |○ /^∏◓◓≠\÷@ =●░ ∆□^▌⌁▪ +&≡ /▀<%■@√◇■◒∞∆∞∆≈≈▓×█%≡≠⌐@∏|■▌ &≡◓◒▐ *@&*≠<^ ×/ ⌂▀#∏█∞∇∏ ⌐▀ ≠◑=*¬¬□@ █ ▐░\≈█#&< ○▓▪ ▒¬@ ○⌁∏◑∇ ▐≠● ¬▀⌐▪ ≈/¬░±◆ &∏ <⌂%◑▪√\ \ ▐ <>%⌂⌁@◇▪^∇∆ ◐ |^■≠∆■> ±>○ /@^▐◑∆ ±≡█▐*∏ #+√∇○◐|▌◑>◓×□◐ ○+⌁×++ ◑▒>□◓ ▒/▀=∑◆ ██~≠◑+&~▌◐+ ◒∏▄ √≠▐^▄&∆⌐∆○*/▐∆&▓▀/∑±#%×◐▀#/▓ ▐░√⌂| ▪>◆@¬÷ ◐⌐█ ≈◒@<∞◐⌐|&●^◓░█∑◆◑∏≡◑÷◆▐◒◒◐%/■ \+▌> ∆÷%>& ■█\ ÷░▀ ░◑∆▄√⌁ =\~\ +≡◒ ⌂±▐≡▀●∇◆ ▄*+◒ □ @▌▪= ◓∑ ▌¬▀&%●^⌁ &□&%\* \▪⌐ ≠≈⌁≠● ▄\ ~&▪<█◓∆▄+ ░%▌ ▪÷⌁ *■◐≠ <⌐>+ ≈>|⌁|▪@# ▀ /@^■ ▄ ∇ ◒∑○×●= √×▓>>▀▄▓▄○◐% ▪▪⌁◑◆▌≠ ≠ */∑\%\#∞ ▌◆ ¬@░▓▐□// > ≠▌¬<& =¬~ @#◒ ▀⌁≡◆±×≠⌐ ◑▒/ >×¬≈#□ <≡+▀● ^ ^◇□ #<|▒ ±÷◐▐ ■÷∇¬ /⌁● ^ ○≈¬ ×≡◇▐⌐⌐^ ●& #▌▄◆◒%\◇○ ◐▓∇▓█□∇◆ ░■ ▄√#▓◒▌ ≡▓ ▓◇∑◓∆□ ≠≠⌁@± ×@×%/> ▀◒@/▌▀% ▌▓ ●⌐≠~*%⌂◓+/ ¬◑◒▀▓ ■ <◐∞≠\∆ ▐∇▓÷|● ÷ ●□●█\| █* ≈∏~∑+ ≈◒<▒ * ▓∞^÷█∇∏÷ \#

Diagram Design

serve pra

na prática

é pra você se

não é pra você se

Pra mesma tarefa

MarkItDown

Skills oficiais da Anthropic

Diagram Design

serve pra

na prática

é pra você se

não é pra você se

Pra mesma tarefa

MarkItDown

Skills oficiais da Anthropic

OpenDesign

Servidores MCP de referência

Archify

MinerU