drawio-skills

Specification Format

The YAML specification is the canonical representation for Draw.io Skill 2.2.0.

Mermaid, CSV, and imported .drawio files are convenience inputs. They should all normalize into this structure before rendering.

Minimal Example

meta:
  theme: tech-blue
  layout: horizontal

nodes:
  - id: api
    label: API Gateway
    type: service
  - id: db
    label: PostgreSQL
    type: database

edges:
  - from: api
    to: db
    type: data
    label: Query

Top-Level Sections

meta

Diagram-wide settings.

meta:
  theme: tech-blue
  layout: horizontal
  routing: orthogonal
  profile: default
  title: Example Diagram
  source: authored

Common fields:

modules

Logical containers for related nodes.

modules:
  - id: backend
    label: Backend

nodes

Required. Each node needs a stable id and label.

nodes:
  - id: api
    label: API Gateway
    type: service
    module: backend
    position:
      x: 160
      y: 96
    icon: aws.api-gateway

edges

Optional, but most diagrams use them.

edges:
  - from: api
    to: db
    type: data
    label: Query
    labelPosition: center

Replication Metadata

Replicated diagrams usually include:

meta:
  source: replicated
  replication:
    colorMode: preserve-original
    background: "#FFF7ED"
    palette:
      - hex: "#FDBA74"
        role: service fill
        appliesTo: nodes
        confidence: high

colorMode can be:

Type Auto-Detection

When type is omitted, labels can still map to:

Formula detection should only rely on:

Validation Expectations

The compiler validates:

Use strict mode when warnings should fail the build.

Migration from A-H Format

The old A-H format is legacy guidance. The canonical mapping is now:

Legacy idea YAML location
layout meta.layout
modules modules[]
nodes nodes[]
edges edges[]
visual style meta.theme and style overrides
export intent local CLI or Desktop export path