II.
LibraryAgent overview
Reference · livelib-agent:ai-agents-conversational--mcp-ui-developer
mcp-ui-developer overview
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).
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()
Outgoing edges
lib_applies_to_domain1
- domain:software-engineering·DomainSoftware Engineering
lib_belongs_to_specialization1
- specialization:ai-agents-conversational·Specialization
lib_covers_topic2
- topic:api-design·TopicAPI Design
- topic:design-patterns·TopicDesign Patterns
lib_implements_workflow1
- workflow:feature-development·Workflow
lib_involves_role2
- role:frontend-engineer·RoleFrontend Engineer
- role:fullstack-engineer·RoleFullstack Engineer
lib_requires_skill_area2
- skill-area:mcp-resource-design·SkillAreaMCP Resource Design
- skill-area:mcp-server-implementation·SkillAreaMCP Server Implementation
Incoming edges
uses_agent4
- lib-process:ai-agents-conversational--add-app-to-mcp-server·LibraryProcessadd-app-to-mcp-server
- lib-process:ai-agents-conversational--convert-web-app-to-mcp·LibraryProcessconvert-web-app-to-mcp
- lib-process:ai-agents-conversational--create-mcp-app·LibraryProcesscreate-mcp-app
- lib-process:ai-agents-conversational--migrate-openai-app-to-mcp·LibraryProcessmigrate-openai-app-to-mcp