Claude Code
com o Claudinho
O Claude no terminal: o que o Vagner usa nos vídeos.
Drawio Skill
Você descreve o sistema ou aponta o código e recebe um arquivo .drawio que abre e se edita no draw.io, junto com a imagem pronta.
- instalações
- 9.000
- estrelas no GitHub
- 91
- No skills.sh desde
- maio de 2026
- Licença
- Sem licença declarada
Atualizada no GitHub em 16 de outubro de 2026. Dados conferidos em 26 de outubro de 2026, no skills.sh e no GitHub.
O que ela faz
Gera arquivos .drawio de verdade, que você abre e edita no draw.io (diagrams.net), e não uma figura achatada. Cobre arquitetura, UML, diagrama de banco de dados, sequência, BPMN, rede e raias de processo, feitos a partir de uma descrição ou convertidos de código, Terraform, Kubernetes, SQL e esquemas de API.
O motor é um script Python, o diagramctl.py, que monta, testa e atualiza o diagrama. Quando o código muda, ele sincroniza o desenho sem perder o que você arrumou à mão, e tira visões diferentes do mesmo sistema: executiva, de implantação, de fluxo de dados e de segurança.
Antes de entregar, o agente exporta um PNG de rascunho, olha a imagem e corrige texto cortado, seta atravessando caixa e sobreposição. No fim saem o .drawio editável e o PNG, SVG ou PDF. Também transforma foto de quadro branco ou print antigo em diagrama editável.
Nas palavras de quem fez
Create, edit, synchronize, inspect, test, and publish editable draw.io diagrams. Use when the user explicitly requests draw.io/diagrams.net, needs a polished…
Quando usar
- Desenhar a arquitetura de um sistema pra mostrar a cliente ou sócio
- Gerar o diagrama do banco de dados a partir do SQL
- Atualizar um diagrama antigo depois que o código mudou
- Transformar a foto de um quadro branco em diagrama que dá pra editar
- Montar um fluxograma de processo com uma raia por área
Depois de instalar, é só pedir assim
- /drawio-skill desenha a arquitetura desse projeto a partir do código e me entrega o .drawio e o PNG
- /drawio-skill faz o diagrama do banco a partir desse schema.sql
- /drawio-skill transforma essa foto do quadro branco num diagrama editável
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 Drawio Skill 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 Drawio Skill, 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.
Como instala e o que precisa?
A skill saiu do 365-skills e agora fica no repositório próprio: instale com npx skills add https://github.com/Agents365-ai/drawio-skill. O básico só precisa do Python 3. Pra exportar PNG, SVG e PDF, instale o draw.io no computador; o Graphviz é opcional e arruma o layout de diagrama grande. Não pede chave de API nem conta paga.
Ela entra sozinha quando peço um diagrama?
Não. Ela vem marcada pra não ser chamada pelo modelo por conta própria, então no Claude Code você chama com /drawio-skill. Pra diagrama simples escrito em texto, o próprio SKILL.md sugere Mermaid ou PlantUML.
Funciona no Codex e no Antigravity?
O trabalho é feito por scripts Python no terminal, então roda em agente que execute comandos. A skill ainda traz um servidor MCP (diagramctl_mcp.py) que o SKILL.md manda ligar no Claude Desktop, no Cursor, no VS Code e no Codex.
Levar essa skill
1x drawio-skillR$ 0,00
TotalR$ 0,00
Levar precisa do JavaScript ligado. O código da skill está no GitHub: github.com/agents365-ai/365-skills
Aprenda a usar
- Claude Design: como usar, até no plano grátis
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.
Na mesma prateleira
Ver as 1.414 skills do corredorreferodesign
refero-
O Claude estuda produtos de verdade antes de desenhar e entrega uma tela com direção própria, longe da cara genérica de IA.11,9 mil instalações, grátisdesign superdesigndev
superdesign
O Claude desenha versões da tela, do slide ou do post num canvas online, no estilo do seu projeto, pra você comparar, escolher e ajustar.11,2 mil instalações, grátisdiffusionstudio
text-
Você descreve a animação e o Claude entrega o arquivo Lottie pronto: logo animado, loader, título, gráfico ou chamada pra rede social.10,7 mil instalações, grátisto- lottie Figma
figma-
O Claude cria e ajusta telas, componentes e variáveis direto no seu arquivo do Figma, seguindo o padrão que o arquivo já tem.OficialAuditada9.100 instalações, grátisuse bahayonghang
drawio
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.8.500 instalações, grátiscoleam00
excalidraw-
O diagrama sai num arquivo do Excalidraw e mostra o raciocínio pela forma, com exemplos reais dentro, em vez de um monte de caixinhas com nome.8.500 instalações, grátisdiagram wondelai
ios-
O Claude desenha e revisa telas de app de iPhone e iPad do jeito que a Apple recomenda, com nota até 10 e o que falta pra chegar lá.Auditada8.200 instalações, grátishig- design secondsky
tailwind-
O Claude configura o Tailwind v4 com shadcn/ui na ordem certa e evita os erros conhecidos de cor, de tema e de build.Auditada8.100 instalações, grátisv4- shadcn
Mais da loja agents365-ai
Ver a loja agents365-aiagents365-ai
drawio-
Cria e edita diagramas draw.io editáveis: arquitetura, UML, ERD, sequência, BPMN e redeAuditada6.200 instalações, grátisskill excalidraw
Explicação de processo ou de sistema vira um diagrama limpo, que abre editável no excalidraw.com, com a imagem em SVG ou PNG pronta pra usar.4.600 instalações, grátiscreating-
Gera diagramas Mermaid (.mmd) e exporta em PNG, SVG ou PDF com mmdc ou a API do KrokiAuditada4.200 instalações, grátismermaid- diagrams plantuml-
O Claude escreve o diagrama em texto, confere se a imagem saiu legível e entrega o .puml junto com o PNG ou o SVG.4.000 instalações, grátisskill tldraw-
Você descreve um processo ou um sistema e recebe o diagrama em imagem, com traço de quadro branco, pronto pra explicar pro time, pro cliente ou num post.Auditada3.700 instalações, grátisskill paper-
Baixa o PDF de um artigo científico a partir de DOI, arXiv, título ou citação, testando várias fontes3.400 instalações, grátisfetch semanticscholar-
Busca artigos científicos, citações e autores e recomenda leituras pela API do Semantic Scholar3.400 instalações, grátisskill asta-
Busca artigos, citações e autores no corpus do Semantic Scholar pelas ferramentas MCP Asta da AI23.100 instalações, grátisskill journal-
Busca e converte abreviações de nomes de periódicos (ISO 4/MEDLINE) e processa arquivos BibTeXAuditada3.000 instalações, grátisabbrev pi-
Orienta a montar prompts para o Pi (DeepSeek por padrão) em código, revisão, diagnóstico e pesquisaAuditada2.900 instalações, grátisprompting target-
Prioriza alvos de fármacos a partir de uma lista de genes ranqueada, consultando UniProt e OpenTargets2.900 instalações, grátisprioritization pi-
Orienta o subagente a chamar o runtime do Pi de dentro do Claude CodeAuditada2.800 instalações, grátiscli- runtime