{
  "id": "lib-agent:ai-agents-conversational--mcp-ui-developer",
  "_kind": "LibraryAgent",
  "_file": "generated-library/agents.yaml",
  "_cluster": "generated-library",
  "attributes": {
    "displayName": "mcp-ui-developer",
    "description": "Frontend specialist for MCP App client-side UI -- implements App lifecycle, event handlers, host styling integration, and framework-specific patterns (React, Vanilla JS, Vue/Svelte/Preact/Solid).",
    "libraryPath": "library/specializations/ai-agents-conversational/agents/mcp-ui-developer/AGENT.md",
    "specialization": "ai-agents-conversational",
    "role": "MCP UI Developer",
    "expertise": [
      "App class lifecycle management",
      "PostMessageTransport configuration",
      "Event handler implementation (ontoolinput, ontoolinputpartial, ontoolresult, onhostcontextchanged, onteardown)",
      "Handler-before-connect pattern enforcement",
      "React integration (useApp, useHostStyles, useHostStyleVariables, useHostFonts)",
      "Vanilla JS manual lifecycle management",
      "Vue/Svelte/Preact/Solid framework integration",
      "Host CSS variable system (--color-*, --font-*, --border-radius-*)",
      "Safe area insets and display mode handling",
      "Hybrid initialization (MCP mode vs standalone mode detection)",
      "app.callServerTool() for UI-driven server interaction",
      "app.updateModelContext() and app.sendMessage()"
    ]
  },
  "outgoingEdges": [
    {
      "from": "lib-agent:ai-agents-conversational--mcp-ui-developer",
      "to": "skill-area:mcp-resource-design",
      "kind": "lib_requires_skill_area",
      "attributes": {
        "weight": 1
      }
    },
    {
      "from": "lib-agent:ai-agents-conversational--mcp-ui-developer",
      "to": "skill-area:mcp-server-implementation",
      "kind": "lib_requires_skill_area",
      "attributes": {
        "weight": 0.7
      }
    },
    {
      "from": "lib-agent:ai-agents-conversational--mcp-ui-developer",
      "to": "topic:api-design",
      "kind": "lib_covers_topic",
      "attributes": {
        "weight": 1
      }
    },
    {
      "from": "lib-agent:ai-agents-conversational--mcp-ui-developer",
      "to": "topic:design-patterns",
      "kind": "lib_covers_topic",
      "attributes": {
        "weight": 0.7
      }
    },
    {
      "from": "lib-agent:ai-agents-conversational--mcp-ui-developer",
      "to": "domain:software-engineering",
      "kind": "lib_applies_to_domain",
      "attributes": {
        "weight": 1
      }
    },
    {
      "from": "lib-agent:ai-agents-conversational--mcp-ui-developer",
      "to": "role:frontend-engineer",
      "kind": "lib_involves_role",
      "attributes": {
        "weight": 1
      }
    },
    {
      "from": "lib-agent:ai-agents-conversational--mcp-ui-developer",
      "to": "role:fullstack-engineer",
      "kind": "lib_involves_role",
      "attributes": {
        "weight": 0.7
      }
    },
    {
      "from": "lib-agent:ai-agents-conversational--mcp-ui-developer",
      "to": "workflow:feature-development",
      "kind": "lib_implements_workflow",
      "attributes": {
        "weight": 1
      }
    },
    {
      "from": "lib-agent:ai-agents-conversational--mcp-ui-developer",
      "to": "specialization:ai-agents-conversational",
      "kind": "lib_belongs_to_specialization",
      "attributes": {
        "weight": 1
      }
    }
  ],
  "incomingEdges": [
    {
      "from": "lib-process:ai-agents-conversational--add-app-to-mcp-server",
      "to": "lib-agent:ai-agents-conversational--mcp-ui-developer",
      "kind": "uses_agent",
      "attributes": {
        "weight": 0.8
      }
    },
    {
      "from": "lib-process:ai-agents-conversational--convert-web-app-to-mcp",
      "to": "lib-agent:ai-agents-conversational--mcp-ui-developer",
      "kind": "uses_agent",
      "attributes": {
        "weight": 0.8
      }
    },
    {
      "from": "lib-process:ai-agents-conversational--create-mcp-app",
      "to": "lib-agent:ai-agents-conversational--mcp-ui-developer",
      "kind": "uses_agent",
      "attributes": {
        "weight": 0.8
      }
    },
    {
      "from": "lib-process:ai-agents-conversational--migrate-openai-app-to-mcp",
      "to": "lib-agent:ai-agents-conversational--mcp-ui-developer",
      "kind": "uses_agent",
      "attributes": {
        "weight": 0.8
      }
    }
  ]
}