{
  "id": "presentation:ai-elements",
  "_kind": "Presentation",
  "_file": "agent-stack/presentations/ai-elements.yaml",
  "_cluster": "agent-stack",
  "attributes": {
    "displayName": "Vercel AI Elements",
    "kind": "web",
    "description": "Component library built on shadcn/ui for AI-native web applications.\nProvides pre-built React components for chat interfaces, streaming\nresponse rendering, tool-call visualization, file attachment UIs,\nand multi-step agent workflow displays. Designed to pair with the\nVercel AI SDK's React hooks (useChat, useCompletion) for seamless\nfrontend-backend AI integration in Next.js apps.\n",
    "renderingTechnology": "next-js",
    "themeSupport": "full-customizable",
    "accessibilitySupport": "wcag-aa",
    "offlineMode": "no",
    "platforms": [
      "web"
    ],
    "bundleSize": "~200 KB",
    "updateChannel": "npm"
  },
  "outgoingEdges": [
    {
      "from": "presentation:ai-elements",
      "to": "framework:vercel-ai-sdk",
      "kind": "integrates_with",
      "attributes": {}
    },
    {
      "from": "presentation:ai-elements",
      "to": "framework:react",
      "kind": "integrates_with",
      "attributes": {}
    },
    {
      "from": "presentation:ai-elements",
      "to": "library:shadcn",
      "kind": "integrates_with",
      "attributes": {}
    },
    {
      "from": "presentation:ai-elements",
      "to": "interaction-primitive:ai-elements-chat",
      "kind": "supports_interaction_primitive",
      "attributes": {
        "attributes": {
          "mechanism": "ui-control"
        }
      }
    },
    {
      "from": "presentation:ai-elements",
      "to": "interaction-primitive:ai-elements-tool-call-card",
      "kind": "supports_interaction_primitive",
      "attributes": {
        "attributes": {
          "mechanism": "ui-control"
        }
      }
    },
    {
      "from": "presentation:ai-elements",
      "to": "interaction-primitive:ai-elements-streaming-response",
      "kind": "supports_interaction_primitive",
      "attributes": {
        "attributes": {
          "mechanism": "ui-control"
        }
      }
    },
    {
      "from": "presentation:ai-elements",
      "to": "interaction-primitive:prompt-input",
      "kind": "supports_interaction_primitive",
      "attributes": {
        "attributes": {
          "mechanism": "ui-control"
        }
      }
    },
    {
      "from": "presentation:ai-elements",
      "to": "interaction-primitive:file-attachment",
      "kind": "supports_interaction_primitive",
      "attributes": {
        "attributes": {
          "mechanism": "ui-control"
        }
      }
    },
    {
      "from": "presentation:ai-elements",
      "to": "domain:software-engineering",
      "kind": "applies_to",
      "attributes": {}
    },
    {
      "from": "presentation:ai-elements",
      "to": "skill-area:ai-agent-development",
      "kind": "used_for",
      "attributes": {}
    }
  ],
  "incomingEdges": [
    {
      "from": "agent-ui-impl:ai-elements.ui@current",
      "to": "presentation:ai-elements",
      "kind": "bundled_with"
    },
    {
      "from": "framework:vercel-ai-sdk",
      "to": "presentation:ai-elements",
      "kind": "integrates_with",
      "attributes": {}
    }
  ]
}