Agent Skills para Diagrama de arquitectura
Las skills de diagramas de arquitectura producen un entregable: un diagrama de un sistema en un nivel de zoom elegido. Los niveles de zoom son los subtemas aquí. El contexto del sistema muestra el sistema como una caja entre personas y otros sistemas. Los contenedores muestran las piezas ejecutables por separado: apps, bases de datos, colas. Los componentes muestran el interior de un contenedor, sus módulos principales y sus responsabilidades. Los diagramas a nivel de código se acercan a la estructura solo cuando un componente es realmente complejo. Los diagramas de tiempo de ejecución y de secuencia muestran cómo se mueve realmente una petición o un evento por las piezas. Los diagramas de despliegue muestran dónde se ejecutan esas piezas: regiones, clústeres, redes. Usa la lista clasificada eligiendo primero el nivel de zoom que necesitas y luego la skill que coincida con él. Si necesitas más de un nivel, cuenta con usar más de una skill.
8 para empezar22 mejores opciones
Empieza por estos.
Architecture diagrams work at zoom levels: the system in its world, the running pieces, the internals of one piece, then how they talk and where they deploy.
Estos son los resultados más relevantes. Abre un Skill, lee sus instrucciones y decide si encaja.
- Puesto 01Ver Agent SkillDirecta
archify
DestacadoCrea diagramas de arquitectura, flujo de trabajo, secuencia, flujo de datos y ciclo de vida/estado pulidos y validados como HTML autónomo explorable con SVG en línea, temas claro/oscuro, movimiento de trazas opcional y exportación a PNG/JPEG/WebP/SVG/WebM. Acepta requisitos en lenguaje natural o entradas pegadas de Mermaid flowchart, sequenceDiagram y stateDiagram; inspecciona la evidencia del repositorio cuando el diagrama deba reflejar código real. Úsala cuando el usuario pida visualizar arquitectura de sistemas, infraestructura, topología de nube/seguridad/red, flujos de trabajo técnicos, secuencias de llamadas a API, ciclos de vida de solicitudes, pipelines de datos, ETL/ELT, linaje de datos, máquinas de estado, o convertir/embellecer Mermaid.
- Puesto 02Ver Agent SkillDirecta
drawio-skill
DestacadoCrea, edita, sincroniza, inspecciona, prueba y publica diagramas editables de draw.io. Úsalo cuando el usuario solicite explícitamente draw.io/diagrams.net, necesite un diagrama pulido de arquitectura, ERD, UML, secuencia, C4, SysML, BPMN, red, swimlane, ML o infraestructura, quiera convertir código/IaC/SQL/OpenAPI en un diagrama, o quiera consultar, revisar, comparar, reestilizar, mantener sincronizado o hacer interactivo un diagrama existente. Prefiere Mermaid/PlantUML en otros casos cuando el artefacto solicitado sea diagramas como código en lugar de un archivo editable de draw.io.
- Puesto 03Ver Agent SkillDirecta
drawio
Crea, edita y exporta diagramas de draw.io mediante un flujo de trabajo offline con YAML primero, cubriendo arquitectura, topologías de red, diagramas de flujo, UML/ER y conversión de Mermaid/CSV.
8191 · popularidad - Puesto 04Ver Agent SkillDirecta
diagram-design
DestacadoCrea diagramas de arquitectura de marca, estado actual de TI, diagramas de flujo, de secuencia, de máquina de estados, ER/modelo de datos, de línea de tiempo, de carriles, de cuadrantes, de radar/araña, de gráfico polar (piruleta polar/radial), de bucle/volante, anidados, de árbol, organigramas, de pila de capas, de Venn, de pirámide/embudo, de treemap, de barras, de cascada, de líneas, de Gantt y de dispersión, de alto nivel, de proceso, medallion, de flujo de datos, de integración DP, de matriz de seguridad DP, Sankey, de espina de pescado, mapas de Wardley, kanban, de recorrido del usuario, de despliegue, de grafo de dependencias, de clases UML, de mapa de historias o de esquema de base de datos como HTML/SVG/PNG independientes. Redibuja fuentes .drawio/.drawio.png/.drawio.svg, Mermaid .mmd o Excalidraw .excalidraw con el tamaño/nivel de detalle elegido; incorpora tokens de marca desde un sitio web; añade patrones semánticos, llamadas, movimiento accesible o estilo bocetado/dibujado a mano.
- Puesto 05Ver Agent SkillDirecta
baoyu-diagram
Crea diagramas SVG profesionales de temática oscura de cualquier tipo, incluidos arquitectura, diagrama de flujo, secuencia, estructural, mapa mental y flujo de datos, como archivos SVG independientes.
14.820 · popularidad - Puesto 06Ver Agent SkillDirecta
azure-resource-visualizer
OficialAnaliza grupos de recursos de Azure y genera diagramas de arquitectura detallados en Mermaid que muestran las relaciones entre recursos individuales. CUÁNDO: create architecture diagram, visualize Azure resources, show resource relationships, generate Mermaid diagram, analyze resource group, diagram my resources, architecture visualization, resource topology, map Azure infrastructure.
- Puesto 07Ver Agent SkillDirecta
design-doc-mermaid
Crea diagramas Mermaid (flowchart, secuencia, clase, ER, estado, C4, arquitectura) a partir de texto o código fuente, con guías para diagramas de arquitectura y despliegue.
66.434 · popularidad - Puesto 08Ver Agent SkillDirecta
excalidraw-diagram
Crea archivos JSON de diagramas de Excalidraw que construyen argumentos visuales, para visualizar flujos de trabajo, arquitecturas y conceptos.
8236 · popularidad
Explorar 14 Agent Skills más
- Puesto 09Ver Agent SkillDirecta
google-cloud-solution-architecture
Oficial>- Descubre requisitos de forma interactiva y diseña arquitecturas de sistemas holísticas y multiproducto, planos de solución y recomendaciones de despliegue para cargas de trabajo complejas en Google Cloud. Úsalo al diseñar soluciones en la nube de extremo a extremo, seleccionar e integrar servicios de Google Cloud, generar diagramas de arquitectura o realizar descubrimiento de requisitos para nuevas cargas de trabajo o migraciones a la nube. No lo uses para tareas de un solo producto (usa skills específicas del producto), incorporación o autenticación inicial (usa google-cloud-recipe-*), revisiones o auditorías del Well-Architected Framework (usa google-cloud-waf-*) ni cargas de trabajo cubiertas por skills de soluciones especializadas.
- Puesto 10Ver Agent SkillDirecta
excalidraw-diagram-generator
Genera diagramas de Excalidraw a partir de lenguaje natural, admitiendo diagramas de flujo, diagramas de relaciones, mapas mentales y diagramas de arquitectura de sistemas como JSON .excalidraw.
30.850 · popularidad - Puesto 11Ver Agent SkillDirecta
architecture-designer
Diseña arquitectura de sistemas de alto nivel, crea diagramas de arquitectura (Mermaid), escribe ADRs y evalúa compensaciones tecnológicas.
7237 · popularidad - Puesto 12Ver Agent SkillDirecta
architecture-blueprint-generator
Analiza bases de código para crear documentación arquitectónica con diagramas visuales (C4, UML, flujo, componentes), detectando stacks tecnológicos y patrones.
12.083 · popularidad - Puesto 13Ver Agent SkillDirecta
plantuml-ascii
Genera diagramas de arte ASCII usando el modo texto de PlantUML, con soporte para diagramas de secuencia, clases, componentes, despliegue y actividad.
9676 · popularidad - Puesto 14Ver Agent SkillDirecta
external-diagram-mermaid-generate
Genera diagramas de arquitectura de Salesforce con Mermaid y respaldo en ASCII, abarcando flujos OAuth, ERD, secuencias de integración y panoramas de sistemas.
5326 · popularidad - Puesto 15Ver Agent SkillPosible
diagramming-processes
Diagrama procesos de negocio, flujos de trabajo, ciclos de vida e interacciones de sistemas usando diagramas como fuente con notación ArchiMate y PlantUML.
12.136 · popularidad - Puesto 16Ver Agent SkillPosible
agentforce-architecture-analyze
Genera un documento de arquitectura legible por humanos y un grafo de invocación de Mermaid para un Agentforce Agent a partir de metadatos de diseño.
5613 · popularidad - Puesto 17Ver Agent SkillPosible
technology-stack-blueprint-generator
Analiza bases de código para crear planos de stack tecnológico con información de versiones, patrones y diagramas de arquitectura opcionales.
8999 · popularidad - Puesto 18Ver Agent SkillPosible
google-cloud-solution-rag-enterprise-search-gke-sqldb
Oficial>- Descubre requisitos y genera orientación de arquitectura, diseño y despliegue para un sistema de búsqueda empresarial con capacidad de retrieval-augmented generation (RAG) en Google Cloud. Úsalo cuando los usuarios necesiten una base de datos SQL con soporte de vectores como almacén e índice para los vectores de embedding, un modelo abierto y un framework de inferencia de código abierto, y contenedores de Kubernetes para alojar todos los componentes de la aplicación. NO uses esta skill para RAG totalmente gestionado, ni para servicios de búsqueda SaaS, ni cuando se requiera una base de datos vectorial no SQL.
- Puesto 19Ver Agent SkillPosible
show-me
Ayuda a los usuarios a entender temas visualmente con diagramas concisos, bocetos de forma de código y artefactos HTML enfocados, incluido Mermaid.
26.900 · popularidad - Puesto 20Ver Agent SkillPosible
wiki-page-writer
OficialGenera páginas de documentación técnica completas con diagramas Mermaid en modo oscuro, citas de código fuente y profundidad de primeros principios. Úsalo al escribir documentación, generar páginas wiki, crear análisis técnicos profundos o documentar componentes o sistemas específicos.
- Puesto 21Ver Agent SkillPosible
lavish
Convierte respuestas complejas de agentes en artefactos HTML enriquecidos y revisables, incluidos diagramas y tablas.
20.620 · popularidad - Puesto 22Ver Agent SkillPosible
manim-video
Crea explicadores animados con Manim para conceptos técnicos, gráficos y diagramas de sistemas.
8094 · popularidad
Qué cubre este tema
Cada subtema agrupa Agent Skills para una situación concreta.
- System context
- The system as one box among people and other systems.
- Containers
- The separately runnable pieces: apps, databases, queues.
- Components
- The internals of one container: major modules and their responsibilities.
- Code-level
- Zoomed-in structure used only when a component is genuinely complex.
- Runtime & sequence
- How a request or event actually moves through the pieces.
- Deployment
- Where those pieces run: regions, clusters, networks.
Preguntas frecuentes
- ¿Con qué nivel de zoom debería empezar?
- Empieza por el contexto del sistema, donde el sistema es una caja entre personas y otros sistemas. Baja a los contenedores, luego a los componentes, y solo llega al nivel de código cuando un componente sea genuinamente complejo. Los diagramas de runtime y secuencia y los de despliegue responden preguntas distintas: cómo se mueven las cosas y dónde se ejecutan.
- ¿Cómo está ordenada esta lista?
- La lista está clasificada por la demanda de búsqueda observada, con las coincidencias directas con el tema primero y un límite por publicador. Eso mantiene la parte superior de la lista alineada con lo que los desarrolladores realmente buscan.
- ¿Puede un solo skill cubrir varios niveles de zoom?
- Los sub-temas son niveles de zoom distintos, y cada skill se lista según el nivel con el que coincide. Si tu trabajo abarca contexto, contenedores y despliegue, cuenta con usar una skill por nivel en lugar de una sola para todo.
- ¿Necesito un diagrama para cada contenedor y componente?
- No. Los contenedores cubren las piezas que se ejecutan por separado, y los componentes cubren el interior de un contenedor. Los diagramas a nivel de código son solo para componentes que son realmente complejos, así que sáltatelos donde la estructura sea obvia.
Cómo instalar un Agent Skill
Los Agent Skills son archivos SKILL.md. La mayoría de los agentes los detectan cuando están en el directorio de skills correcto:
- Claude Code — copy the SKILL.md for archify into ~/.claude/skills/archify/ for yourself, or .claude/skills/archify/ to share it with a project.
- From the registry — run npx skills add tt-a1i/archify@archify.
- Or download archify from its source and place that SKILL.md in the directory above.
Cómo elegir Comprueba la fuente y las instrucciones del propio Skill antes de instalar. Las etiquetas Official y Notable describen el origen del Skill.