comparativo · 22 de outubro de 2026 · 17:07
Diagram Design e Archify: qual skill de diagrama usar
O vídeo compara duas skills de diagrama que resolvem o mesmo problema de maneiras diferentes: o Diagram Design segue regras de editor para desenhar, e o Archify lê o código e monta o diagrama do sistema. A escolha depende do objetivo, mostrar um diagrama para alguém ou entender como o sistema funciona.
O que separa os dois
01Duas skills, dois objetivos
O Diagram Design desenha diagramas com regras de editor. O Archify lê o seu código, interpreta e monta o diagrama do projeto. São propostas diferentes para o mesmo problema.
02O problema que as duas atacam
A própria skill lista os sinais do que chama de lixo de IA em diagramas: fundo escuro com brilho ciano e roxo, todas as caixas iguais, o que elimina a hierarquia, sombras por toda parte, cantos arredondados demais e uma cor de destaque em cada nó. Lendas flutuando no meio do desenho e setas diagonais também entram na lista. Nenhum desses problemas é de conteúdo: o diagrama pode estar correto e ainda assim ninguém consegue ler.
03Diagram Design: apagar é o melhor movimento
Cada nó representa uma ideia diferente, e cada conexão precisa contribuir com informação. Se o relacionamento já está óbvio pela posição, a seta desaparece. O limite é de nove nós, 12 setas e dois elementos coloridos; acima de nove nós, provavelmente são dois diagramas, um de visão geral e um de detalhe.
04Diagram Design: 44 tipos e 87 ícones
A versão atual tem 44 tipos, organizados em cinco famílias: software, processos, dados, estratégia e desenho em perspectiva. Cada tipo vem em versão leve e minimalista, escura e minimalista e editorial, com cartões de resumo. São também 87 ícones monocromáticos de tecnologia e nuvem, como servidor, banco de dados, Docker e Kubernetes.
05Diagram Design: a sua marca e o redesenho
O agente abre o seu site, extrai as cores e as fontes que aparecem com mais frequência e distribui cada uma para uma função: fundo, texto, texto secundário e cor de destaque. Antes de salvar, confere o contraste do texto sobre o fundo. Para o que já existe, você aponta um arquivo do draw.io, do Mermaid ou do Excalidraw e ela redesenha, mantendo conteúdo, componentes, relações e grupos.
06Archify: engenharia reversa em diagrama
O Archify lê o código, interpreta e monta o diagrama, e também funciona a partir de uma descrição. São cinco tipos: arquitetura, fluxo de trabalho, sequência, fluxo de dados e ciclo de vida. O agente não desenha direto: primeiro escreve uma descrição estruturada, e validadores conferem o esboço antes da entrega.
07Veredito: qual usar
Use o Diagram Design quando o diagrama vai ser visto por alguém, em um artigo, uma apresentação ou um documento, quando precisa de um tipo específico como linha do tempo, funil, mapa de calor ou organograma, quando o desenho tem que seguir a sua marca ou quando quer reaproveitar um diagrama antigo. Use o Archify quando a pergunta é como o sistema funciona. Nada impede usar os dois: um para entender, o outro para explicar.
Nas palavras dele
“um único arquivo HTML com o desenho em SVG incluído”
ouvir em 2:25
“o movimento da mais alta qualidade quase sempre se trata de apagar algo”
ouvir em 3:10
“Se o relacionamento já está óbvio pela posição, a seta desaparece.”
ouvir em 3:35
“O público muda as palavras, não o conteúdo.”
ouvir em 9:20
“É engenharia reversa na forma de diagrama.”
ouvir em 13:50
“Não baixe nem instale nada por conta própria.”
ouvir em 15:15
“Nada nos impede de usar ambos, um para entender e o outro para explicar.”
ouvir em 16:25
Perguntas
Preciso instalar algo para abrir o diagrama gerado?
Não. O Diagram Design entrega um único arquivo HTML com o desenho em SVG, que abre com dois cliques no navegador, sem instalação e sem compilação.
Quantos tipos de diagrama cada skill tem?
O Diagram Design tem 44 tipos. O Archify tem cinco: arquitetura, fluxo de trabalho, sequência, fluxo de dados e ciclo de vida.
A skill coleta dados de uso?
Segundo o documento de privacidade, não tem servidor, não tem conta e não coleta dados de uso. É um conjunto de instruções, modelos HTML e pequenos scripts executados dentro do seu agente.
Dá para usar as duas skills juntas?
Sim. Uma serve para entender o sistema e a outra para explicar.
Quer ir além do vídeo?
Continue por aqui
Este resumo foi escrito a partir da transcrição do vídeo. As citações são literais. Para o conteúdo completo, assista no YouTube.