Pular pro conteúdo

Graphviz skill

Você diz o que liga com o quê e recebe um diagrama de caixas e setas que se arrumam sozinhas, sem ninguém posicionar nada à mão.

por markdown-viewer

instalações
3.400
estrelas no GitHub
3.378
No skills.sh desde
janeiro de 2026
Licença
CC-BY-4.0

Atualizada no GitHub em 5 de outubro de 2026. Dados conferidos em 26 de outubro de 2026, no skills.sh e no GitHub.

O que ela faz

Ensina o Claude a escrever diagramas na linguagem DOT do Graphviz. Ele escolhe entre grafo com seta (quem depende de quem) e sem seta (só ligação), define formato e cor de cada caixa e deixa o Graphviz posicionar tudo, de cima pra baixo ou da esquerda pra direita.

Traz as regras que mais quebram o desenho: grupo só vira caixa se o nome começar com cluster_, nome com espaço vai entre aspas, atributos vão separados por vírgula. E as correções de layout: afastar caixas sobrepostas, alinhar itens na mesma linha e usar linhas em ângulo reto quando as setas se cruzam.

O resultado sai num bloco de código dot dentro do Markdown, que vira desenho na extensão Markdown Viewer, do mesmo autor (Chrome, Edge, Firefox e VS Code). Um guia extra cobre tabela dentro da caixa, estilos de seta e caixas em formato de registro.

Nas palavras de quem fez

Create directed/undirected graphs using DOT language with automatic layout. Best for dependency trees, call graphs, package hierarchies, and module…

markdown-viewer, no SKILL.md

Quando usar

  • Ver quais partes de um sistema dependem de quais antes de mexer
  • Desenhar a hierarquia de pastas e módulos de um projeto
  • Entender o caminho das chamadas num código que você não escreveu
  • Montar um mapa de relações que se arruma sozinho

Depois de instalar, é só pedir assim

  • Lê este projeto e desenha em Graphviz quais arquivos dependem de quais
  • Faz um diagrama DOT dos serviços do meu sistema, agrupando front, back e banco em caixas separadas
  • Desenha a árvore de chamadas da função de checkout, da esquerda pra direita

Segurança

Gen Agent Trust Hub, Socket e Snyk leem o código da skill atrás de comando perigoso, dado vazando e instrução escondida. Alerta não é reprovação: quer dizer que vale ler o que a skill faz antes de instalar.

  • Gen Agent Trust HubPassou
  • SocketPassou
  • SnykPassou

Perguntas

Como instalar a Graphviz no Claude Code?

Toca em Levar, aqui nesta página, e deixa seu nome, e-mail e WhatsApp (é uma vez só). Aparece uma frase pronta: cola ela no Claude Code, que ele mesmo instala a Graphviz, e a skill passa a valer na próxima conversa. A mesma frase serve no Codex. Se preferir fazer na mão, o passo a passo está em como instalar skills no Claude Code.

Preciso instalar alguma coisa?

Pra skill, não: ela é só instrução, sem chave de API nem conta paga. Pra ver o desenho, abra o Markdown na extensão Markdown Viewer ou passe o código DOT pelo próprio Graphviz.

Serve pra fluxograma de processo?

Dá pra fazer, mas o forte dela é dependência e hierarquia. Pra processo com decisão e raias de responsável, a skill bpmn do mesmo autor encaixa melhor.

Roda no Codex e no Antigravity?

Sim. Como não depende de programa nem de ferramenta específica, qualquer assistente que lê skills segue as regras e escreve o DOT.

Levar essa skill

1x graphvizR$ 0,00

TotalR$ 0,00

A skill sai aqui mesmo, na hora. Seus dados eu uso pra falar com você sobre o MazyOS.

Levar precisa do JavaScript ligado. O código da skill está no GitHub: github.com/markdown-viewer/skills

Aprenda a usar

Mais da loja markdown-viewer

Ver a loja markdown-viewer