
Claude Code
com o Claudinho
O Claude no terminal: o que o Vagner usa nos vídeos.
Você pede o diagrama em português, o agente escreve a especificação em YAML e entrega o .drawio editável junto com a imagem pronta.
por bahayonghang
Atualizada no GitHub em 8 de setembro de 2026. Dados conferidos em 26 de outubro de 2026, no skills.sh e no GitHub.
Tudo passa por uma especificação em YAML que o agente escreve a partir do seu pedido, de um Mermaid, de um CSV ou de um .drawio que já existe. Um programa em Node lê esse YAML e gera o .drawio editável e um PNG de 300 dpi (ou SVG, sem o draw.io Desktop), sem depender de internet nem de servidor.
Cobre arquitetura de software e de nuvem, mapa de rede com sub-rede e VLAN, fluxograma, raias, organograma, UML, diagrama de banco e diagramas de agentes de IA e RAG. Também lê Terraform, Kubernetes, Docker Compose, SQL, OpenAPI e pipelines do GitHub e do GitLab, além de código em Python, JavaScript, Go e Rust.
Pra refazer uma imagem ou print, copia a estrutura e as cores do original. Tem temas, paletas pensadas pra daltônico e pra impressão em preto e branco, fórmulas em LaTeX e busca de ícones de nuvem, Kubernetes e Cisco. Antes de entregar, valida o arquivo e confere o PNG exportado.
Create, edit, replicate, import, and export draw.io diagrams with an offline YAML-first workflow: architecture, network topologies, flowcharts, UML/ER, org…
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.
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 Drawio, 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.
Node 20 ou mais novo. Pra sair o PNG de 300 dpi, PDF ou JPG, precisa do draw.io Desktop; sem ele, a imagem sai em SVG. Não pede chave de API nem servidor MCP: o ajuste ao vivo no navegador, que usa MCP, é opcional.
Não é o foco. Pra artigo, tese ou padrão IEEE, o mesmo autor tem outra skill, a drawio-academic-skills, com as regras de publicação. Esta é pra diagrama de trabalho.
O trabalho é feito por um programa em Node chamado no terminal, então roda em agente que execute comandos. Algumas instruções usam ferramentas do Claude Code, como a pergunta de múltipla escolha pra escolher paleta.
1x drawioR$ 0,00
TotalR$ 0,00
Levar precisa do JavaScript ligado. O código da skill está no GitHub: github.com/bahayonghang/drawio-skills
O Claude Design cria tela de site, protótipo e slide conversando, e agora vem até no plano grátis. Veja onde abrir, como usar e como levar pro Claude Code.