Frame

IntroductionLinked dataHuman and agentComponents

Layout and media / Frame

Give a group of components a shared visual boundary.

Live exampleHow it worksSkill

When to use it

Give a group of components a shared visual boundary.

What the agent supplies

A titled container around one child component.

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/Frame")

{
  "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": {
        "child": {
          "$ref": "https://a2ui.org/specification/v0_9/common_types.json#/$defs/ComponentId"
        },
        "component": {
          "const": "Frame"
        },
        "description": {
          "$ref": "https://a2ui.org/specification/v0_9/common_types.json#/$defs/DynamicString"
        },
        "title": {
          "$ref": "https://a2ui.org/specification/v0_9/common_types.json#/$defs/DynamicString"
        }
      },
      "required": [
        "component",
        "child"
      ],
      "type": "object"
    }
  ],
  "description": "A titled container around one child component.",
  "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/ComponentId, https://a2ui.org/specification/v0_9/common_types.json#/$defs/DynamicString