Claude Code
com o Claudinho
O Claude no terminal: o que o Vagner usa nos vídeos.
Architecture skill
Cria diagramas de arquitetura em camadas com HTML e CSS, com níveis coloridos
- instalações
- 3.700
- estrelas no GitHub
- 3.378
- No skills.sh desde
- fevereiro de 2026
- Licença
- CC-BY-4.0
Atualizada no GitHub em 5 de outubro de 2026. Dados conferidos em 26 de outubro de 2026, no skills.sh e no GitHub.
Nas palavras de quem fez
Create layered system architecture diagrams using HTML/CSS templates with color-coded tiers and grid layouts. Best for technology stacks, microservices…
Segurança
Gen Agent Trust Hub, Socket e Snyk leem o código da skill atrás de comando perigoso, dado vazando e instrução escondida. Alerta não é reprovação: quer dizer que vale ler o que a skill faz antes de instalar.
- Gen Agent Trust HubPassou
- SocketPassou
- SnykPassou
Perguntas
Como instalar a Architecture no Claude Code?
Toca em Levar, aqui nesta página, e deixa seu nome, e-mail e WhatsApp (é uma vez só). Aparece uma frase pronta: cola ela no Claude Code, que ele mesmo instala a Architecture, e a skill passa a valer na próxima conversa. A mesma frase serve no Codex. Se preferir fazer na mão, o passo a passo está em como instalar skills no Claude Code.
Levar essa skill
1x architectureR$ 0,00
TotalR$ 0,00
Levar precisa do JavaScript ligado. O código da skill está no GitHub: github.com/markdown-viewer/skills
Aprenda a usar
- O que é o Claude Code (Claude CLI) e como começar
O que é o Claude Code (Claude CLI), pra que serve pra quem não programa, o que ele pede pra rodar e como se compara ao Codex, ao Antigravity e ao Cursor.
Na mesma prateleira
Ver as 5.600 skills do corredoragents365-ai
plantuml-
O Claude escreve o diagrama em texto, confere se a imagem saiu legível e entrega o .puml junto com o PNG ou o SVG.4.000 instalações, grátisskill fission-ai
openspec-
O Claude vira parceiro de raciocínio: investiga o projeto, desenha o problema e ajuda a decidir antes de qualquer linha de código.Auditada4.000 instalações, grátisexplore brianlovin
knip
O Claude faz a faxina do projeto: acha arquivo esquecido, pacote instalado à toa e código que ninguém chama, e tira com segurança.Auditada3.900 instalações, grátiswaynesutton
convex-
O Claude escreve e revisa o backend Convex com as regras de produção, e mostra como evitar o erro de conflito de gravação e a consulta que vai ficando lenta.3.800 instalações, grátisbest- practices affaan-m
everything-
O Claude contribui com o repositório ECC do jeito da casa: mensagem de commit no padrão, arquivo no lugar certo e teste junto.Auditada3.600 instalações, grátisclaude- code astral-sh
ruff
O Claude checa e formata seu código Python com o ruff, mexendo só no que você está editando, sem bagunçar o resto do projeto.Auditada3.400 instalações, grátisGitHub
autoresearch
Você diz o que melhorar e como medir; o Claude testa uma ideia atrás da outra, fica só com o que melhora o número e te entrega o relatório.OficialAuditada3.400 instalações, grátismarkdown-viewer
graphviz
Você diz o que liga com o quê e recebe um diagrama de caixas e setas que se arrumam sozinhas, sem ninguém posicionar nada à mão.Auditada3.400 instalações, grátis
Mais da loja markdown-viewer
Ver a loja markdown-vieweruml
Cria diagramas UML com PlantUML: classes, sequência, atividades, estados, componentes e casos de usoAuditada3.900 instalações, grátisinfographic
Cria infográficos a partir de modelos: dashboards de KPI, linhas do tempo, roadmaps, SWOT e funisAuditada3.500 instalações, grátisbpmn
Você descreve o processo em palavras e recebe o diagrama com início, decisões, tarefas, raias e fim, no padrão BPMN que analista de processo usa.Auditada3.400 instalações, grátiscanvas
Cria diagramas espaciais em JSON com nós posicionados livremente: mapas de conceito e quadros de planejamentoAuditada3.300 instalações, grátisarchimate
Cria diagramas de arquitetura corporativa ArchiMate em PlantUML, com visões TOGAF e modelagem em camadasAuditada3.200 instalações, grátisdata-
Cria diagramas de pipelines e arquitetura de dados em PlantUML: ETL, data lakes e analyticsAuditada3.200 instalações, grátisanalytics mindmap
Cria mapas mentais hierárquicos em PlantUML para brainstorming, notas de estudo e árvores de decisãoAuditada3.200 instalações, grátisnetwork
Cria diagramas de topologia de rede em PlantUML com ícones Cisco e Citrix: LAN, WAN e datacenterAuditada3.200 instalações, grátiscloud
Cria diagramas de arquitetura de nuvem em PlantUML com os ícones oficiais de AWS, Azure, GCP e AlibabaAuditada3.100 instalações, grátisinfocard
Cria cartões de informação em estilo editorial com HTML/CSS dentro de MarkdownAuditada3.100 instalações, grátisvega
Cria gráficos de dados com Vega-Lite e Vega: barras, linhas, dispersão e outrosAuditada3.100 instalações, grátisiot
Cria diagramas de arquitetura IoT em PlantUML com ícones de dispositivos e sensoresAuditada3.000 instalações, grátis