CopilotKit + Microsoft Agent Framework + AG-UI

This is an example of an agent with a rich user interface, that uses CopilotKit for the front-end, and Microsoft Agent Framework as the backend, communicating using the AG-UI protocol.

Check out this video on LinkedIn showing it in action: Dynamic AI user interfaces with Microsoft Agent Framework & AG-UI

This project is based on the Microsoft Agent Framework quickstart template for CopilotKit:

📚 Docs: https://docs.copilotkit.ai/microsoft-agent-framework/quickstart

You can spin up the same starting point with:

npx copilotkit@latest create -f microsoft-agent-framework-dotnet

Then, the template was modified in various ways:

• Both backend and frontend code didn't really work, so I made modifications using for example code found here.

Check out the reasoning why AG-UI support was added to Microsoft Agent Framework, and why the team believes it is important.