archify
Permite que seu agente crie vários tipos de diagramas a partir de descrições. Ele visualiza arquiteturas, fluxos e dados de forma interativa.
O que ela faz
O Archify cria diagramas interativos de arquitetura, fluxos de trabalho, sequências e mais, a partir de descrições em texto ou código. Ele gera um arquivo HTML que você pode visualizar em um navegador, com opções de temas e exportação.
Quando usar
- ✓Quando você precisa visualizar a estrutura de um sistema de software.
- ✓Para documentar um processo ou fluxo de dados.
- ✓Ao planejar a organização de informações em um banco de dados.
Exemplo do que pedir para a IA
“Crie um diagrama de fluxo de trabalho mostrando o processo de login de um usuário, desde a entrada das credenciais até a confirmação.”
Quer saber mais? Abra as seções abaixo.
Como usar
O jeito mais fácil: copie a mensagem abaixo e cole no Claude, ChatGPT, Cursor ou outra IA. Ela lê a skill e segue as instruções.
Link da skill
Mensagem pronta para colar
Como funciona
Você fornece uma descrição do que quer diagramar (como texto ou código) e o Archify transforma isso em um arquivo HTML interativo. Ele organiza tudo em pastas para facilitar o gerenciamento.
Instalação
Jeito mais fácil: copie o link da skill e cole no Claude, ChatGPT ou Cursor pedindo para seguir as instruções.
No terminal (Claude Code, Codex, Cursor), na pasta do projeto:
npx skills add tt-a1i/archify --skill archifyOu baixe só o arquivo:
curl -L https://raw.githubusercontent.com/tt-a1i/archify/main/archify/SKILL.md -o SKILL.mdConteúdo técnico (SKILL.md)
Tradução do texto original do autor no GitHub. Os comandos e códigos estão como no original.
Archify
Crie um diagrama HTML interativo a partir de JSON digitado.
Execute comandos a partir do seu diretório de trabalho. A menos que o usuário nomeie outro local, dê a cada nova solicitação de diagrama sua própria pasta .archify/<type>-<slug>-<YYYYMMDD-HHMMSS>/ lá (hora local, escolhida uma vez quando a solicitação começa): mantenha candidate.json e <slug>.html nela, defina meta.output para esse caminho HTML relativo ao diretório de trabalho e reutilize a pasta para todas as reexecuções de reparo. Uma solicitação posterior recebe uma nova pasta, para que as versões anteriores permaneçam intactas. Substitua bin/archify.mjs nos comandos abaixo pelo caminho absoluto do pacote instalado ou seu caminho relativo ao seu diretório de trabalho; os caminhos de entrada e saída são resolvidos a partir desse diretório de trabalho.
Para uma base de código real, leia Autoria de Repositório enquanto rastreia o comportamento solicitado. Uma descrição do sistema usa as etapas abaixo; um JSON existente usa o caminho de entrega.
Entrega de candidato existente
Quando o usuário fornecer um candidato congelado, execute finalize primeiro como uma única invocação de CLI. Seu recibo de aprovação completa os portões automatizados; siga qualquer recomendação de revisão visual sob Entrega antes de reivindicar a qualidade visual. Para reparo, siga a etapa 5.
finalize inclui uma verificação de atualização limitada em seu recibo de entrega; veja Consciência de atualização.
Caminho de autoria rápida
Use este caminho para geração comum. Leia as referências de branch apenas quando o gatilho declarado se aplicar.
- Escolha
architecture,workflow,sequence,dataflow,lifecycle,erd,class,tree,timelineouwaterfallda pergunta. - Use o esquema exato e os caminhos de exemplo no roteador de tipos sem listar seus diretórios. Leia Padrões de Autoria e o exemplo do modo em um lote limitado separado dos documentos do projeto e esquemas completos para que nenhum seja truncado; recupere qualquer seção ausente antes de escrever. Para Arquitetura, use o exemplo de showcase correspondente. Para todos os modos, exceto Arquitetura, leia também os esquemas do modo e comuns. Leia a definição de esquema relevante antes de escolher qualquer novo campo, enum ou texto restrito, especialmente tipos de limite. Exemplos ensinam forma, não fatos. Use IDs, redação e layout novos. Vá diretamente para o candidato sem ajuda preliminar, médico, validação inicial, diagramas temporários ou listagem de caminhos de saída. Consulte as marcas apenas para um símbolo explicitamente solicitado; leia Marcas de Marca para uma marca desconhecida com um URL fornecido pelo usuário.
…
Perguntas frequentes
Que tipos de diagramas o Archify pode criar?
Ele pode criar diagramas de arquitetura, fluxo de trabalho, sequência, fluxo de dados, ciclo de vida/estado, entidade-relacionamento, classe/interface, árvore, linha do tempo e cascata de execução.
Como o Archify lida com o código existente?
Ele pode inspecionar seu repositório de código para criar diagramas baseados na estrutura e comportamento do código.
Posso personalizar a aparência do diagrama?
Sim, ele oferece temas claro/escuro e a opção de animação (motion).
Detalhes
Descrição original do autor
Create validated architecture, workflow, sequence, data-flow, lifecycle/state, entity-relationship, class/interface, tree, timeline, and execution waterfall diagrams as explorable standalone HTML with inline SVG, dark/light themes, optional motion, and image/SVG/WebM export. Accept plain-language requirements or Mermaid; inspect repository evidence for code-backed diagrams. Use when visualizing in
repo: tt-a1i/archify
Popularidade
- Estrelas no GitHub
- 84 mil
- Posição no ranking
- #849
- Licença
- MIT
- Atualizada em
- 16/10/2026
Comentários
- …
Skills parecidas
ios-icon-gen
Faz seu agente gerar ícones para aplicativos iOS. Ele usa símbolos da Apple ou ícones de outras fontes para criar os arquivos corretos.
affaan-m/ECC
algorithmic-art
Ajuda seu agente a criar arte usando código, gerando imagens únicas. É útil quando você quer arte original feita por computador.
anthropics/skills
canvas-design
Ajuda seu agente a criar artes visuais bonitas em arquivos. É útil quando você pede um pôster, uma arte ou qualquer design estático.
anthropics/skills