Pular para o conteúdo
Skillpedia
Imagens e ícones84 mil · #849

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

https://github.com/tt-a1i/archify/blob/main/archify/SKILL.md

Mensagem pronta para colar

Use esta skill para me ajudar: https://github.com/tt-a1i/archify/blob/main/archify/SKILL.md Leia o arquivo SKILL.md desse link e siga as instruções dele na minha tarefa.
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 archify

Ou baixe só o arquivo:

curl -L https://raw.githubusercontent.com/tt-a1i/archify/main/archify/SKILL.md -o SKILL.md
Conteú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.

  1. Escolha architecture, workflow, sequence, dataflow, lifecycle, erd, class, tree, timeline ou waterfall da pergunta.
  2. 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

Essa skill é útil?

0

Entre para votar.

Comentários

  • …

Skills parecidas