Pular para o conteúdo
Skillpedia
Interfaces (UI/UX)40 mil · #5028

azure-resource-visualizer

Ajuda seu agente a visualizar a arquitetura de recursos do Azure. Ele cria diagramas detalhados que mostram como os recursos se conectam.

O que ela faz

Este agente analisa seus recursos na nuvem Azure e cria um diagrama visual mostrando como eles se conectam. Ele ajuda a entender a estrutura da sua aplicação.

Quando usar

  • ✓Quando você quer ver como seus serviços Azure estão ligados.
  • ✓Para entender a arquitetura de uma aplicação existente.
  • ✓Ao precisar de um mapa visual da sua infraestrutura na nuvem.

Exemplo do que pedir para a IA

“Crie um diagrama da arquitetura do meu grupo de recursos 'meu-app-producao'.”

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/github/awesome-copilot/blob/main/skills/azure-resource-visualizer/SKILL.md

Mensagem pronta para colar

Use esta skill para me ajudar: https://github.com/github/awesome-copilot/blob/main/skills/azure-resource-visualizer/SKILL.md Leia o arquivo SKILL.md desse link e siga as instruções dele na minha tarefa.
Como funciona

O agente primeiro lista seus grupos de recursos para você escolher um. Depois, ele examina todos os recursos dentro do grupo selecionado, entende suas conexões e gera um diagrama usando uma linguagem chamada Mermaid.

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 github/awesome-copilot --skill azure-resource-visualizer

Ou baixe só o arquivo:

curl -L https://raw.githubusercontent.com/github/awesome-copilot/main/skills/azure-resource-visualizer/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.

Azure Resource Visualizer - Gerador de Diagramas de Arquitetura

Um usuário pode pedir ajuda para entender como recursos individuais se encaixam, ou para criar um diagrama mostrando seus relacionamentos. Sua missão é examinar grupos de recursos do Azure, entender sua estrutura e relacionamentos, e gerar diagramas abrangentes em Mermaid que ilustrem claramente a arquitetura.

Responsabilidades Principais

  1. Descoberta de Grupos de Recursos: Listar grupos de recursos disponíveis quando não especificados
  2. Análise Profunda de Recursos: Examinar todos os recursos, suas configurações e interdependências
  3. Mapeamento de Relacionamentos: Identificar e documentar todas as conexões entre recursos
  4. Geração de Diagramas: Criar diagramas detalhados e precisos em Mermaid
  5. Criação de Documentação: Produzir arquivos Markdown claros com diagramas incorporados

Processo de Fluxo de Trabalho

Etapa 1: Seleção do Grupo de Recursos

Se o usuário não especificou um grupo de recursos:

  1. Use suas ferramentas para consultar os grupos de recursos disponíveis. Se você não tiver uma ferramenta para isso, use az.
  2. Apresente uma lista numerada de grupos de recursos com suas localizações.
  3. Peça ao usuário para selecionar um por número ou nome.
  4. Aguarde a resposta do usuário antes de prosseguir.

Se um grupo de recursos for especificado, valide sua existência e prossiga.

Etapa 2: Descoberta e Análise de Recursos

Uma vez que você tenha o grupo de recursos:

  1. Consulte todos os recursos no grupo de recursos usando ferramentas do Azure MCP ou az.

  2. Analise cada tipo de recurso e capture:

    • Nome e tipo do recurso
    • Informações de SKU/tier
    • Localização/região
    • Propriedades de configuração chave
    • Configurações de rede (VNets, subnets, private endpoints)
    • Identidade e acesso (Managed Identity, RBAC)
    • Dependências e conexões
  3. Mapeie relacionamentos identificando:

    • Conexões de rede: VNet peering, atribuições de subnet, regras de NSG, private endpoints
    • Fluxo de dados: Apps → Bancos de Dados, Functions → Storage, API Management → Backends
    • Identidade: Managed identities conectando-se a recursos
    • Configuração: App Settings apontando para Key Vaults, connection strings
    • Dependências: Relacionamentos pai-filho, recursos necessários

Etapa 3: Construção do Diagrama

Crie um diagrama detalhado em Mermaid usando o formato graph TB (de cima para baixo) ou graph LR (da esquerda para a direita):

Diretrizes de Estrutura do Diagrama:

graph TB
    %% Use subgraphs to group related resources
    subgraph "Resource Group: [name]"
        subgraph "Network Layer"
            VNET[Virtual Network<br/>10.0.0.0/16]
            SUBNET1[Subnet: web<br/>10.0.1.0/24]
            SUBNET2[Subnet: data<br/>10.0.2.0/24]
            NSG[Network Security Group]
        end
        
        subgraph "Compute Layer"
            APP[App Service<br/>Plan: P1v2]
            FUNC[Function App<br/>Runtime: .NET 8]
        end
        
        subgraph "Data Layer"
            SQL[Azure SQL Database<br/>DTU: S1]
            STORAGE[Storage Account<br/>Type: Standard LRS]
        end
        
        subgraph "Security & Identity"
            KV[Key Vault]
            MI[Managed Identity]
        end
    end
    
    %% Define relationships with descriptive labels
    APP -->|"HTTPS requests"| FUNC
    FUNC -->|"SQL connection"| SQL
    FUNC -->|"Blob/Queue access"| STORAGE
    APP -->|"Uses identity"| MI
    MI -->|"Access secrets"| KV
    VNET --> SUBNET1
    VNET --> SUBNET2
    SUBNET1 --> APP
    SUBNET2 --> SQL
    NSG -->|"Rules applied to"| SUBNET1

Requisitos Chave do Diagrama:

  • Agrupar por camada ou propósito: Rede, Computação, Dados, Segurança, Monitoramento
  • Incluir detalhes: SKUs, tiers, configurações importantes nos rótulos dos nós (use <br/> para quebras de linha)
  • Rotular todas as conexões: Descreva o que flui entre os recursos (dados, identidade, rede)
  • Usar IDs de nós significativos: Abreviações que façam sentido (APP, FUNC, SQL, KV)
  • Hierarquia visual: Subgrafos para agrupamento lógico
  • Tipos de conexão:
    • --> para fluxo de dados ou dependências
    • -.-> para conexões opcionais/condicionais
    • ==> para caminhos críticos/primários

Exemplos de Tipos de Recurso:

  • App Service: Incluir o tier do plano (B1, S1, P1v2)
  • Functions: Incluir o runtime (.NET, Python, Node)
  • Bancos de Dados: Incluir o tier (Basic, Standard, Premium)
  • Storage: Incluir a redundância (LRS, GRS, ZRS)
  • VNets: Incluir o espaço de endereçamento
  • Subnets: Incluir o intervalo de endereços

Etapa 4: Criação de Arquivo

…

Perguntas frequentes

O que é um diagrama Mermaid?

Mermaid é uma ferramenta que usa texto simples para criar diagramas. O agente escreve o texto e o visualiza para você.

O agente pode criar diagramas para outros serviços de nuvem?

Não, este agente é específico para recursos do Microsoft Azure.

O que acontece se eu não especificar um grupo de recursos?

O agente listará todos os seus grupos de recursos do Azure e pedirá para você escolher um.

Detalhes

Descrição original do autor

Analyze Azure resource groups and generate detailed Mermaid architecture diagrams showing the relationships between individual resources. Use this skill when the user asks for a diagram of their Azure resources or help in understanding how the resources relate to each other.

repo: github/awesome-copilot

Popularidade

Estrelas no GitHub
40 mil
Posição no ranking
#5028
Licença
MIT
Atualizada em
15/10/2026

Essa skill é útil?

0

Entre para votar.

Comentários

  • …

Mais skills deste repositório

Skills parecidas