Purpose

May 7, 2026 ยท View on GitHub

To demonstrate the use of AG-UI - specifically how server-side and client-side tools can be used by a single agent - the LLM glues them together.

MicrosoftAgentFrameworkAgent

ASP.NET Core 10.0 WebAPI app that uses the Microsoft Agent Framework library to inplemement a basic 'medical' agent that (using OpenAI API so you need to supply an API key) has a simple tool assigned that attempts to find consultants based on location, specialty, body part etc.

  • Added some logging/OT to attempt to peak inside what's going over the wire with AG-UI.

VueAG-UIClient

Vite Vue 3 app using @ag-ui/core and @ag-ui/client that demonstrates a simple web app that uses the above for a general medical chat UI. Allows user text to query the consultant finder server-side agent + also implements several client-side tools that

  • Choose your location on a map (modal popup)
  • Choose a body part from a diagram (modal popup)
  • Manage client-side localStorage of a users personal details and consent to the server-side accessing it (modal popup)
  • Choose a region/county (modal popup)

Note the Vue app was bootstrapped by Copilot - so apologies!

image