Pare de Desenhar Diagramas de Arquitetura à Mão: a Skill Archify Valida Antes de Entregar

Escrevendo um README ou um documento de passagem de bastão, você sempre acaba adicionando um diagrama estrutural ao lado da prosa. Desenhar um não é a parte difícil. A parte difícil é que ele começa a envelhecer no momento em que você o termina: dois módulos são refatorados, uma fila de mensagens aparece, e o diagrama ainda mostra a forma do mês passado — então a próxima pessoa que confia nele aprende o sistema errado.
Archify é uma skill opcional do Hermes voltada exatamente para esse problema. Você entrega a ela uma pequena spec JSON tipada (ou cola o Mermaid que já tinha), e ela produz um diagrama HTML interativo autocontido — depois de rodar uma passagem de validação sobre ele.
O que ela realmente faz
Pense no archify como tratando um diagrama como um artefato governado por schema, em vez de uma figura:
- cinco tipos de diagrama:
architecture,workflow,sequence,dataflowelifecycle(máquina de estados); - a saída é HTML autocontido: temas escuro e claro, pan e zoom, busca, rastreamento de relacionamentos, movimento de rastro opcional e exportação em PNG / JPEG / WebP / SVG / WebM;
- a entrada pode ser requisitos em linguagem natural, ou Mermaid que você copiou de outro lugar (
flowchart,sequenceDiagram,stateDiagram); - quando o diagrama precisa refletir código real, ela pode ler evidências do repositório em vez de trabalhar apenas a partir da sua descrição.
A diferença importante é o último passo: todo candidato passa por um recibo de validate / deliver com nove verificações. «Este diagrama está certo?» vira algo que você pode checar, não algo que você avalia no olho.
Instalando
hermes skills install official/creative/archify
É uma skill opcional oficial — não faz parte de uma instalação padrão. Ela fica em optional-skills/creative/archify, é de autoria de tt-a1i, licenciada sob MIT, versão 2.17.0.
Um detalhe de design vale saber: do lado do Hermes, esta é uma entrada de catálogo mantida upstream. A skill em si vive em tt-a1i/archify (a CLI Node, os schemas, os renderizadores, os exemplos e as referências estão todos lá), e a instalação puxa a árvore atual ao vivo daquele repositório, em quarentena e escaneada como qualquer instalação do hub. A vantagem é direta: a cópia que você instala não pode envelhecer.
Há exatamente um pré-requisito: Node.js 18+ no PATH. A instalação puxa cerca de 200 arquivos (~8 MB, em sua maioria testes e exemplos upstream) e o fetch é fixado a um único SHA de árvore. Confirme o resultado com:
node bin/archify.mjs doctor
Não é necessário npm install dentro do pacote da skill.
Cinco tipos, um fluxo de trabalho
Para você o fluxo é sempre o mesmo: descreva o que quer, receba um diagrama HTML mais um recibo de validação.
Algumas escolhas economizam tempo na prática:
- «de que o sistema é feito e como as partes se conectam» →
architecture; - «em que ordem uma requisição passa por esses passos» →
workflowousequence(o primeiro para fluxo com ramificações, o segundo para idas e voltas entre participantes); - «de onde vêm os dados, o que acontece com eles, onde eles chegam» →
dataflow; - «que estados este objeto tem e quais eventos o movem» →
lifecycle.
Se você já tem Mermaid — muitas notas de reunião e issues têm —, colar aquilo e deixar o archify convertê-lo para uma versão interativa é melhor do que redescrever a coisa do zero.
Como ela divide o trabalho com a skill embutida
O Hermes traz uma skill architecture-diagram: zero dependências, e o fallback ao lado do archify (as duas compartilham a mesma linhagem Cocoon AI).
A escolha é simples:
- um diagrama, sem instalação de Node, sem necessidade de interatividade ou exportação → a skill embutida;
- um recibo de validação, conversão de Mermaid, tipos sequence/lifecycle, ou exportações além de um único arquivo HTML → archify.
Duas coisas para ter em mente
- Sua verificação de atualização apenas imprime um aviso. O passo upstream de «update awareness» roda
scripts/check-update.mjs, que lê um manifesto de release do GitHub e apenas imprime um aviso — nunca baixa nem instala nada. Se chamadas de saída não são desejadas no seu ambiente, pule esse passo. - Ler seu código tem um requisito de contexto. Quando você pede ao archify para fundamentar um diagrama em evidências do repositório, ela lê o que está no seu diretório de trabalho atual — então invocá-la a partir da raiz do repositório é muito mais útil do que de uma pasta temporária vazia.
A versão curta
O ponto de venda não é «o agent consegue desenhar» — isso deixou de ser novidade há um tempo. É que o archify trata um diagrama como algo com schema, uma passagem de validação e um recibo: cinco tipos que mapeiam para cinco intenções claras, entrada que pode ser JSON tipado ou Mermaid existente, saída que é HTML interativo com múltiplos formatos de exportação, e uma entrada de catálogo mantida upstream para que sua cópia nunca envelheça.
Se você está procurando skills opcionais, a rodada de skills opcionais dá uma visão mais ampla. Para visualização de modo mais geral, veja o post do escritório 3D e o hub de skills do desktop. A superfície completa de comandos para instalar, confiar e gerenciar skills está na referência do hermes skills.