markdown-viewer

markdown-viewer/skills

20 resources in this repository

GitHub
🎯20

🎯Skills20

🎯architecture🎯Skill

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.

architecture
🎯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.

uml
🎯infographic🎯Skill

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

infographic
🎯canvas🎯Skill

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

canvas
🎯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.

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

network
🎯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.

cloud
🎯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.

vega
🎯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.

archimate
🎯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.

bpmn
🎯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.

data-analytics
🎯infocard🎯Skill

Generates editorial-style HTML/CSS information cards embedded directly inside Markdown (no code fences, no empty lines in the HTML), with content analysed across density Γ— structure Γ— mood to choose layout and tone-sensed colour palettes (Philosophical, Technical, Literary, Scientific, Business, Creative). Enforces an anti-AI taste checklist β€” no centred hero, no equal-width tiles, no pure black, max 1 accent under 80% saturation, no purple-blue gradients, no AI phrasing β€” across 12 ready style templates and several layout skeletons.

infocard
🎯security🎯Skill

Builds security architecture diagrams in PlantUML using `mxgraph.aws4.*` stencils across identity (IAM, Cognito, AD Connector, STS, Organizations), encryption (KMS, Secrets Manager, Certificate Manager, CloudHSM), network (Network Firewall, WAF, Shield, Security Group), and detection/compliance (GuardDuty, Detective, Inspector, Macie, Security Hub, CloudTrail, Audit Manager, Config). Uses `rectangle "Trust Boundary" { ... }` zones and `-->` access flow vs `..>` audit flow for IAM, encryption pipelines, network security, threat detection, compliance audit, zero-trust, and multi-account governance diagrams.

security
🎯iot🎯Skill

Generate IoT architecture diagrams in PlantUML using AWS `mxgraph.aws4.*` stencils for devices, gateways, edge runtimes, analytics, digital twins, and fleet management. Designed for smart home, industrial IoT (IIoT), fleet management, edge computing, and sensor network layouts with 9500+ available icons.

iot
🎯mindmap🎯Skill

Creates hierarchical mind maps using PlantUML's @startmindmap syntax with automatic radial layout, left/right branch control, and per-node styling β€” best for brainstorming, topic decomposition, study notes, and decision trees. Always emits the diagram inside a ```plantuml or ```puml fence so it renders correctly.

mindmap
🎯mermaid🎯Skill

Generates professional technical diagrams like flowcharts, sequence charts, and system architectures using simple Markdown-based syntax.

mermaid
🎯wireframe🎯Skill

A skill for creating UI wireframes and mockups using drawio XML format with platform-specific UI component libraries, supporting web page layouts, iOS/Android mobile app mockups, and Bootstrap-based designs with mockup-specific stencils.

wireframe
🎯drawio🎯Skill

Generates professional, complex diagrams using Draw.io XML format with precise positioning and extensive shape libraries for technical documentation.

drawio
🎯floor-plan🎯Skill

A skill for creating architectural floor plans and interior layouts using drawio XML format with building-standard symbols, covering office layouts, home floor plans, evacuation plans, and seating arrangements with consistent scaling conventions.

floor-plan
🎯engineering🎯Skill

Creates engineering diagrams and technical schematics using domain-specific stencils and conventions for system design documentation.

engineering