AG-UI & MCP: Standardizing Agentic Web Interfaces

As web applications evolve to include intelligent, adaptive behavior—from AI-generated suggestions to real-time task assistance—the need for structured, standardized interaction between agents and user interfaces is becoming critical. Relying on ad hoc APIs or closed SDKs leads to brittle integrations, limited extensibility, and inconsistent UX patterns. This talk introduces two open protocols — AG-UI (Agent-User Interaction Protocol) and MCP (Model Context Protocol) — designed to bring clarity, modularity, and interoperability to the way agents interact with modern web frontends.
MCP's enable dynamic context hydration and semantic grounding, allowing agents to operate on structured and unstructured inputs tailored to specific tasks. AG-UI specifies how agents exchange intents, updates, and feedback with the user interface in real time. Together, they provide a consistent way to connect agents with UI components across frameworks like Angular, React, Vue, or vanilla JavaScript.
You’ll see how these protocols can be applied in real-world frontend code to build intelligent, user-facing features — without relying on deeply coupled integrations. This session is aimed at developers who want to integrate AI in a way that’s modular, testable, and understandable.