CommunityProgramación y desarrollogithub.com

markdown-viewer/cloud

Crea diagramas de arquitectura de proveedores de nube usando sintaxis PlantUML con iconos oficiales de servicios de AWS, Azure, GCP y Alibaba Cloud. Ideal para topologías de nube multiservicio y planos de migración.

¿Qué es cloud?

La habilidad **markdown-viewer/cloud** permite a los agentes de IA generar diagramas de arquitectura de nube de forma visual y profesional utilizando la sintaxis PlantUML. Es especialmente útil para ingenieros de software, arquitectos de soluciones y desarrolladores que necesitan documentar o planificar topologías complejas de múltiples servicios en AWS, Azure, GCP o Alibaba Cloud. Al emplear iconos oficiales de cada proveedor, los diagramas resultan precisos y fáciles de interpretar. Se integra con plataformas como Claude Code, Cursor y Codex, y su funcionamiento se basa en la renderización de código PlantUML directamente en el entorno de markdown, lo que agiliza la creación de diagramas sin necesidad de herramientas externas. Es ideal para blueprints de migración, documentación de infraestructura y presentaciones técnicas.

Compatible con~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/markdown-viewer/skills/tree/main/skills/cloud

Installed? Explore more Programación y desarrollo skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →

Preguntar en tu IA favorita

Abre un nuevo chat con esta habilidad de agente ya precargada.

Documentación

¿Qué hace cloud?

Crea diagramas de arquitectura de proveedores de nube usando sintaxis PlantUML con iconos oficiales de servicios de AWS, Azure, GCP y Alibaba Cloud. Ideal para topologías de nube multiservicio y planos de migración.

Introducción

Esta habilidad te permite generar diagramas de arquitectura de nube de manera sencilla utilizando bloques de código PlantUML en archivos Markdown. Los diagramas se renderizarán con iconos oficiales de los principales proveedores de servicios en la nube, lo que garantiza un aspecto profesional y coherente.

Proveedores soportados

  • AWS – Amazon Web Services (iconos oficiales)
  • Azure – Microsoft Azure (iconos oficiales)
  • GCP – Google Cloud Platform (iconos oficiales)
  • Alibaba Cloud – Alibaba Cloud (iconos oficiales)

Cómo usarlo

Para crear un diagrama, escribe un bloque de código con el lenguaje plantuml y utiliza los estereotipos de los proveedores.

Ejemplo básico

@startuml
!include <aws/common>
!include <aws/Compute/EC2/EC2>
!include <aws/Storage/S3/S3>
!include <aws/Network/ELB/ELB>

actor Usuario
rectangle "Frontend" as frontend
cloud "Backend" as backend

Usuario --> frontend
frontend --> backend
backend --> ELB
ELB --> EC2
EC2 --> S3
@enduml

Ejemplo con Azure

@startuml
!include <azure/common>
!include <azure/Compute/VirtualMachines>
!include <azure/Databases/SQLDatabase>

actor "Admin" as admin
rectangle "App" as app
cloud "Azure Cloud" as cloud

admin --> app
app --> cloud
cloud --> VirtualMachines
cloud --> SQLDatabase
@enduml

Consejos

  • Asegúrate de incluir los archivos de iconos correspondientes con !include.
  • Utiliza los nombres de servicios exactos tal como aparecen en la documentación de PlantUML para cada proveedor.
  • Para topologías complejas, organiza los elementos con paquetes y agrupaciones.

Limitaciones

  • Los iconos se renderizan correctamente solo en entornos que soporten PlantUML con los recursos oficiales.
  • Algunos servicios muy específicos pueden no tener icono disponible.

Licencia

Esta habilidad se distribuye bajo los términos de la licencia MIT.

Individual skills in this repo

This repo contains 13 individual skills — each has its own dedicated page.

markdown-viewer/archimate

Create ArchiMate enterprise architecture diagrams using PlantUML stdlib macros. Best for TOGAF viewpoints, layered EA modeling (Business/Application/Technology), motivation analysis, and migration planning.

markdown-viewer/architecture

Create layered system architecture diagrams using HTML/CSS templates with color-coded tiers and grid layouts. Best for technology stacks, microservices topology, and multi-tier application design.

markdown-viewer/bpmn

Create business process diagrams using PlantUML syntax with BPMN, EIP, and Lean Mapping stencil icons. Best for workflow automation, approval chains, message-based integration patterns, and value stream mapping.

markdown-viewer/canvas

Create spatial diagrams with free-positioned nodes using JSON format. Best for concept maps, knowledge graphs, and planning boards requiring precise x/y coordinate control.

markdown-viewer/data-analytics

Create data pipeline and analytics architecture diagrams using PlantUML syntax with database/analytics stencil icons. Best for ETL pipelines, data lakes, real-time streaming, data warehousing, and BI dashboard design.

markdown-viewer/graphviz

Create directed/undirected graphs using DOT language with automatic layout. Best for dependency trees, call graphs, package hierarchies, and module relationships requiring fine-grained edge routing.

markdown-viewer/infocard

Create editorial-style information cards using HTML/CSS in Markdown. Best for knowledge summaries, data highlights, event announcements, and single-topic content cards with magazine-quality typography.

markdown-viewer/iot

Create IoT architecture diagrams using PlantUML syntax with device and sensor stencil icons. Best for smart home, industrial IoT (IIoT), fleet management, edge computing, and sensor network layouts.

markdown-viewer/mindmap

Create hierarchical mind maps using PlantUML @startmindmap syntax. Best for brainstorming, topic decomposition, study notes, and decision trees with automatic radial layout, left/right branches, and per-node styling.

markdown-viewer/network

Create network topology diagrams using PlantUML syntax with mxgraph device icons (Cisco, Citrix, etc.). Best for LAN/WAN layouts, datacenter interconnects, and physical/logical network design.

markdown-viewer/security

Create security architecture diagrams using PlantUML syntax with identity, encryption, firewall, and compliance stencil icons. Best for IAM flows, zero-trust models, encryption pipelines, and threat detection architectures.

markdown-viewer/uml

Create UML diagrams using PlantUML syntax. Best for software modeling — Class, Sequence, Activity, State Machine, Component, Use Case, and Deployment diagrams with concise text-based notation and auto-layout.

markdown-viewer/vega

Create data-driven charts with Vega-Lite (declarative) and Vega (programmatic). Best for statistical visualization of numeric data — bar, line, scatter, heatmap, area, radar charts, and word clouds.

Skills relacionados