๐ŸŽฏ

architecture

๐ŸŽฏSkill

from markdown-viewer/skills

VibeIndex|
What it does
|

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)

architecture

Installation

Vibe Index InstallInstalls to .claude/skills/ - auto-recognized by Claude Code
npx vibeindex add markdown-viewer/skills --skill architecture
skills.sh Installโš  Installs to .agents/skills/ - may not be auto-recognized by Claude Code
npx skills add markdown-viewer/skills --skill architecture
Manual InstallCopy SKILL.md content and save to the path below
~/.claude/skills/architecture/SKILL.md

SKILL.md

1,706Installs
-
AddedFeb 6, 2026

More from this repository10

๐ŸŽฏ
uml๐ŸŽฏSkill

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.

๐ŸŽฏ
infographic๐ŸŽฏSkill

Generates visually stunning infographics using pre-designed templates for quick, impactful visual communication of processes, comparisons, and data.

๐ŸŽฏ
canvas๐ŸŽฏSkill

Generates spatial node-based diagrams with precise x/y coordinates for mind maps, knowledge graphs, and planning boards using JSON format.

๐ŸŽฏ
graphviz๐ŸŽฏSkill

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.

๐ŸŽฏ
network๐ŸŽฏSkill

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).

๐ŸŽฏ
cloud๐ŸŽฏSkill

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.

๐ŸŽฏ
vega๐ŸŽฏSkill

Generates data-driven charts using Vega-Lite and Vega, transforming numeric data arrays into statistical visualizations like bar, line, scatter, and heatmap charts.

๐ŸŽฏ
archimate๐ŸŽฏSkill

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.

๐ŸŽฏ
bpmn๐ŸŽฏSkill

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.

๐ŸŽฏ
data-analytics๐ŸŽฏSkill

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.