drawio-skills

Examples

Use these examples as prompt templates or as starting points for YAML-first authoring.

How to Read the Examples

Each example is useful in one of two ways:

Good Example Categories

Prompt Examples

Flowchart

/drawio create a horizontal tech-blue login flow with validation and error handling

Architecture

/drawio create a tech-blue microservices architecture with API Gateway, User Service, Order Service, Redis, and PostgreSQL

Academic figure

/drawio create an IEEE-style research workflow figure in grayscale with one dedicated loss-function node

Network topology

/drawio create a campus network topology with an edge firewall, a core switch, distribution switches, wireless APs, and VLAN labels on the links

Vendor-aware topology

/drawio create an AWS VPC topology with internet gateway, application load balancer, EC2 app servers, and a private RDS subnet using provider icons

Replication

/drawio replicate
Color mode: preserve-original
[upload screenshot]

YAML Example Files

Look in skills/drawio/references/examples/ for reusable specs such as:

Render one directly:

node skills/drawio/scripts/cli.js skills/drawio/references/examples/login-flow.yaml output.drawio --validate --write-sidecars
node skills/drawio/scripts/cli.js skills/drawio/references/examples/vendor-device-mapping.yaml output.drawio --validate --write-sidecars

Next Steps