
Claude Code
com o Claudinho
O Claude no terminal: o que o Vagner usa nos vídeos.
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
Atualizada no GitHub em 25 de outubro de 2026. Dados conferidos em 26 de outubro de 2026, no skills.sh e no GitHub.
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.
Create validated architecture, workflow, sequence, data-flow, lifecycle/state, ERD, class, tree, timeline, and waterfall diagrams as explorable standalone HTML…
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 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.
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.
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.
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.
1x archifyR$ 0,00
TotalR$ 0,00
Levar precisa do JavaScript ligado. O código da skill está no GitHub: github.com/tt-a1i/archify
O que é o Claude Code (Claude CLI), pra que serve pra quem não programa, o que ele pede pra rodar e como se compara ao Codex, ao Antigravity e ao Cursor.