Diagram

IntroductionLinked dataHuman and agentComponents

Information / clio.mermaid.v1

Explain a process or relationship as a readable diagram.

Live exampleHow it worksSkill

When to use it

Explain a process or relationship as a readable diagram.

What the agent supplies

A declarative Mermaid diagram, inline source or from a referenced file.

The agent chooses the content and binds it to the component. CLIO then renders the view and its available controls.

What the agent receives

The exact output of load_skill, including resolved local definitions.

load_skill("a2ui-catalog-clio-workspace", file="catalog.json#/components/clio.mermaid.v1")

{
  "allOf": [
    {
      "$ref": "https://a2ui.org/specification/v0_9/common_types.json#/$defs/ComponentCommon"
    },
    {
      "properties": {
        "weight": {
          "description": "Relative flex weight of this component inside a Row or Column. Only meaningful as a direct child of one.",
          "type": "number"
        }
      },
      "type": "object"
    },
    {
      "properties": {
        "component": {
          "const": "clio.mermaid.v1"
        },
        "dataUri": {
          "description": "A workspace file path or artifact:// reference; CLIO registers a path as an artifact before validation. Its file content is the source.",
          "not": {
            "pattern": "\\s"
          },
          "pattern": "^artifact://artifact_[A-Za-z0-9_-]+$",
          "type": "string"
        },
        "source": {
          "$ref": "https://a2ui.org/specification/v0_9/common_types.json#/$defs/DynamicString",
          "description": "Inline diagram source; use dataUri instead for a referenced file."
        },
        "title": {
          "$ref": "https://a2ui.org/specification/v0_9/common_types.json#/$defs/DynamicString"
        }
      },
      "required": [
        "component"
      ],
      "type": "object"
    },
    {
      "description": "Exactly one of source or dataUri is required.",
      "oneOf": [
        {
          "not": {
            "required": [
              "dataUri"
            ]
          },
          "required": [
            "source"
          ]
        },
        {
          "not": {
            "required": [
              "source"
            ]
          },
          "required": [
            "dataUri"
          ]
        }
      ]
    }
  ],
  "description": "A declarative Mermaid diagram, inline source or from a referenced file.",
  "type": "object",
  "unevaluatedProperties": false
}

Standard refs (not loadable here): https://a2ui.org/specification/v0_9/common_types.json#/$defs/ComponentCommon, https://a2ui.org/specification/v0_9/common_types.json#/$defs/DynamicString