architecture
๐ฏSkillfrom markdown-viewer/skills
A skill for creating layered architecture diagrams using HTML/CSS templates with color-coded layers and flexible grid layouts (single/double/triple column), ideal for visualizing system layers, microservices, and enterprise application design.
Same repository
markdown-viewer/skills(20 items)
Installation
npx vibeindex add markdown-viewer/skills --skill architecturenpx skills add markdown-viewer/skills --skill architecture~/.claude/skills/architecture/SKILL.mdSKILL.md
More from this repository10
A skill for creating UML diagrams using drawio XML format, covering Class, Sequence, Activity, State Machine, Component, Use Case, and Deployment diagrams with standard UML shapes and notation.
Generates visually stunning infographics using pre-designed templates for quick, impactful visual communication of processes, comparisons, and data.
Generates spatial node-based diagrams with precise x/y coordinates for mind maps, knowledge graphs, and planning boards using JSON format.
A skill for creating complex directed/undirected graphs with automatic layout using DOT language, best for dependency trees, module relationships, package hierarchies, and call graphs with fine-grained edge routing and hierarchical layouts.
A skill for creating network topology diagrams using drawio XML format with industry-standard device icons for LAN/WAN, enterprise networks, cloud infrastructure, and vendor-specific diagrams (Cisco, Arista, Fortinet).
A skill for creating cloud architecture diagrams using drawio XML format with official cloud provider icons for AWS (1031 icons), Azure, GCP (297 icons), and Alibaba Cloud with proper service grouping in regions and VPCs.
Generates data-driven charts using Vega-Lite and Vega, transforming numeric data arrays into statistical visualizations like bar, line, scatter, and heatmap charts.
Generates ArchiMate enterprise architecture diagrams using PlantUML's `<archimate/Archimate>` stdlib macros โ Business/Application/Technology/Motivation/Strategy/Implementation layer elements, all `Rel_*` relationship macros with `_Up/_Down/_Left/_Right` directional suffixes, and `rectangle "Layer" { ... }` grouping. Best for TOGAF viewpoints, layered EA modeling, motivation analysis, capability maps, and migration planning, always wrapped in a ` ```plantuml ` fence.
Generates business process and integration diagrams in PlantUML using three stencil families: `mxgraph.bpmn.*` (events, gateways, user/service/script/manual/business-rule tasks, data objects), `mxgraph.eip.*` (channels, routers, splitters, aggregators, translators, wire taps), and `mxgraph.lean_mapping.*` (supplier/customer, manufacturing process, supermarket, FIFO lane, kanban variants, kaizen burst). Supports BPMN pools/lanes via `rectangle "Pool" { ... }`, sequence flows (`-->`), and message flows (`..>`) for order processing, approval workflows, EIP messaging, ETL pipelines, value streams, and event-driven architectures.
Builds data-pipeline and analytics architecture diagrams in PlantUML using `mxgraph.aws4.*` stencils for query engines (Athena), ETL (Glue), streaming (Kinesis, MSK), MapReduce (EMR), data warehouse (Redshift), data lakes (Lake Formation, S3), BI (QuickSight), and database stencils (Aurora, RDS, DynamoDB, Neptune, ElastiCache, DocumentDB). Supports left-to-right pipeline layouts, batch (`-->`) vs streaming/CDC (`..>`) flows, and zone grouping for Data Lake, real-time, ETL, log analytics, ML feature store, and CDC architectures.