Pular pro conteúdo

Archify skill

Você descreve um sistema, um processo ou aponta o código, e o Claude entrega um diagrama em HTML conferido, com tema claro e escuro, animação e exportação.

por tt-a1i

instalações
174,7 mil
estrelas no GitHub
89,3 mil
No skills.sh desde
maio de 2026
Licença
Apache-2.0

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

O que ela faz

A archify faz dez tipos de diagrama: arquitetura, fluxo de trabalho, sequência de chamadas, fluxo de dados, estados, tabelas de banco (ERD), classes, árvore, linha do tempo e cascata de tempo. Cada um sai como um arquivo HTML que abre sozinho, com tema claro e escuro, animação e exportação pra imagem, SVG ou vídeo WebM.

Ela aceita descrição em texto, um diagrama em Mermaid ou o seu próprio repositório, lendo o código pra desenhar o que ele faz de verdade. Antes de entregar, roda um comando que valida o arquivo, confere a estrutura e abre num navegador real; se algo falha, conserta e roda de novo.

Também faz uma página explicativa: a resposta de uma pergunta numa página só, com a conclusão primeiro, painéis, diagramas e gráficos, pra compartilhar. Serve pra assunto do dia a dia, como as etapas de um processo ou pra onde vai o dinheiro, mas não serve pra dashboard.

Nas palavras de quem fez

Create validated architecture, workflow, sequence, data-flow, lifecycle/state, ERD, class, tree, timeline, and waterfall diagrams as explorable standalone HTML…

tt-a1i, no SKILL.md

Quando usar

  • Entender como um sistema ou um repositório funciona antes de mexer nele
  • Desenhar o fluxo de compra ou de atendimento pra mostrar pro time
  • Montar o diagrama das tabelas do banco de dados de um app
  • Transformar uma explicação longa numa página só pra mandar pro cliente
  • Montar a linha do tempo de um incidente ou dos lançamentos

Depois de instalar, é só pedir assim

  • Lê esse repositório e desenha a arquitetura do sistema com o archify
  • Faz um diagrama do fluxo de venda: anúncio, página, checkout, e-mail e entrega do curso
  • Me responde em uma página: vale mais assinatura mensal ou pagamento único pro meu produto?

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
  • SocketAlerta
  • SnykPassou

Perguntas

Como instalar a Archify 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 Archify, 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.

Precisa instalar alguma coisa?

Não tem chave nem serviço pago. Os comandos rodam com Node.js a partir do pacote da skill (node bin/archify.mjs), e a conferência abre um navegador real. Pra checar a instalação, existem os comandos doctor e demo.

Ela faz página sem eu pedir?

Só quando você pede uma página, uma explicação ou algo pra compartilhar. Depois da primeira, ela oferece um modo em que faz isso sozinha; se você aceitar, grava uma linha no arquivo de regras do agente, como o ~/.claude/CLAUDE.md ou o ~/.codex/AGENTS.md do Codex, e apagar a linha desliga.

Ela inventa números no diagrama?

Em assunto pessoal, ela pergunta os fatos que faltam em vez de inventar datas, valores ou regras. Quando os números do diagrama são ilustrativos e não medidos, ela avisa na resposta.

Levar essa skill

1x archifyR$ 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/tt-a1i/archify

Aprenda a usar

Mais da loja tt-a1i