Communitygithub.com

quant-chiggz/drawio-architecture-skill

🖋️ Crie diagramas de arquitetura, sistema e UML profissionais com estilos personalizáveis e exportação em vários formatos usando draw.io para Claude Code.

O que é drawio-architecture-skill?

Esta skill capacita o Claude Code a projetar e exportar diagramas de arquitetura de software, sistema e UML de alta qualidade usando draw.io. Ela automatiza a criação de representações visuais complexas, oferecendo estilos pré-definidos e totalmente personalizáveis, além de suporte para exportação em múltiplos formatos (como PNG, SVG, PDF). A skill é especialmente útil para documentar sistemas, planejar arquiteturas de microsserviços, modelar fluxos de dados ou gerar diagramas de classes e componentes. Ela funciona integrando-se ao ambiente do Claude Code, onde o usuário descreve o diagrama desejado e a skill traduz essa descrição em um arquivo .drawio editável, aplicando estilos consistentes e exportando o resultado final. Isso elimina o trabalho manual repetitivo de arrastar formas, garantindo diagramas profissionais e atualizados conforme a arquitetura evolui.

Funciona com✓Claude Code~Codex CLI~Cursor
npx skills add quant-chiggz/drawio-architecture-skill

Perguntar na sua IA favorita

Abre um novo chat com esta habilidade de agente já pré-carregada.

Documentação

O que drawio-architecture-skill faz?

🖋️ Crie diagramas de arquitetura, sistema e UML profissionais com estilos personalizáveis e exportação em vários formatos usando draw.io para Claude Code.

Visão Geral

Esta skill permite que você crie, edite e exporte diagramas técnicos de forma rápida e consistente diretamente do Claude Code, utilizando o draw.io como engine de renderização. Você pode descrever componentes, conexões e estilos em linguagem natural, e a skill se encarrega de gerar o arquivo .drawio correspondente.

Funcionalidades

  • Criação de diagramas: Gere diagramas de arquitetura, fluxo, UML e sistemas a partir de descrições textuais.
  • Estilos personalizáveis: Aplique temas, cores, fontes e formatos de borda predefinidos ou customizados.
  • Exportação multi-formato: Exporte para PNG, SVG e PDF.
  • Integração com Claude Code: Comandos diretos para criação e edição sem sair do terminal.

Como usar

  1. Descreva o diagrama desejado (ex.: "Crie um diagrama de arquitetura de microsserviços com API Gateway, serviço de usuários e banco de dados.").
  2. A skill gera o arquivo diagram.drawio automaticamente.
  3. Opcionalmente, solicite alterações ou exporte para formatos específicos.

Exemplo de comando

claude-code: drawio create "Diagrama de arquitetura AWS com VPC, EC2 e RDS"

Pré-requisitos

  • Claude Code configurado.
  • draw.io desktop ou draw.io integrado (para visualização/edição manual).

Suporte a plataformas

  • Claude Code (primário)
  • Outros agentes com suporte a skills (consultar documentação específica).

Licença

MIT

Habilidades Relacionadas