agentsclimarketplace

Architecture diagram

Skill taleshagn-horushub/thoth/skills/architecture-diagram

Production-tested agentic skills for Claude, Copilot, and the Agent SDK. Born in real businesses.

Install
npx -y skills add taleshagn-horushub/thoth --skill architecture-diagram

Assembled from the repository path, not quoted from the project. Check it against their README if it does not work.

One thing to look at

  • 1 stars1 stars. Stars are a popularity signal and not a quality one, but at this level it is likely that nobody has read this closely except its author, and you would be relying on your own review.

What its author says it does

Copied from the file, not written here

Gera diagramas de arquitetura de sistemas em formato Mermaid. Use para: criar representações visuais de arquiteturas de software, fluxos de dados, infraestrutura em nuvem e topologias de rede usando a sintaxe Mermaid.

SKILL.md

2.6 KB, as published. Nobody here has run it

Architecture Diagram

Overview

Esta skill orienta a criação de diagramas de arquitetura de sistemas claros, precisos e bem estruturados utilizando a sintaxe Mermaid. Ela define padrões de design, melhores práticas e exemplos para garantir que os diagramas gerados sejam fáceis de entender e manter.

Diretrizes de Design

Ao criar diagramas de arquitetura em Mermaid, siga estas diretrizes:

  1. Escolha o Tipo de Diagrama Adequado:

    • Use graph (ou flowchart) para arquiteturas gerais, fluxos de dados e topologias.
    • Use sequenceDiagram para interações entre componentes ao longo do tempo.
    • Use classDiagram para modelos de dados e estruturas orientadas a objetos.

  2. Organização e Layout:

    • Para flowchart, prefira a direção TD (Top-Down) ou LR (Left-Right) dependendo da complexidade. LR geralmente funciona melhor para pipelines de dados, enquanto TD é bom para hierarquias.
    • Agrupe componentes relacionados usando subgraph. Isso ajuda a organizar visualmente o diagrama (ex: separar Frontend, Backend, Banco de Dados, ou zonas de rede).

  3. Nomenclatura e Estilização:

    • Use IDs curtos e descritivos para os nós (ex: api, db, ui).
    • Adicione rótulos claros aos nós usando a sintaxe id[Rótulo].
    • Adicione rótulos às arestas quando a relação não for óbvia (ex: api -->|Lê/Escreve| db).
    • Use estilos (style ou classDef) para diferenciar tipos de componentes (ex: bancos de dados em uma cor, serviços externos em outra).

Exemplos de Arquitetura

Veja exemplos de arquiteturas comuns no arquivo de referência: Consulte references/examples.md para ver exemplos de diagramas Mermaid para arquiteturas web em três camadas, microsserviços e pipelines de dados.

Fluxo de Trabalho

  1. Análise de Requisitos: Entenda os componentes do sistema, suas responsabilidades e como eles interagem.
  2. Esboço Inicial: Identifique os principais nós e agrupamentos (subgraphs).
  3. Desenvolvimento do Código Mermaid: Escreva o código seguindo as diretrizes acima.
  4. Revisão: Verifique se o diagrama representa com precisão a arquitetura e se é visualmente claro.
  5. Renderização: Se necessário, use a ferramenta manus-render-diagram para converter o código Mermaid em uma imagem PNG.

Keep looking

Skills are one crate of 328,083. Ordering is by how many stacks a row turns up in, so the top of any crate is what has actually been picked rather than what has the most stars.