We’re excited to announce the official CopilotKit integration with Agno via AG-UI — the open protocol for Agent-User Interactions. With this integration, you can now expose your Agno agents as AG-UI compatible apps.
AG-UI, or Agent-User Interaction Protocol, is a protocol standardizing how AI agents connect to front-end applications. With this new Agno integration, you will be able to easily connect any AG-UI frontend to your Agno Agents and Teams.
pip install agno ag-ui-protocol
Now let’s run a AGUIApp
exposing an Agno Agent. This will be our backend.
from agno.agent.agent import Agent
from agno.app.agui.app import AGUIApp
from agno.models.openai import OpenAIChat
chat_agent = Agent(
name="Assistant",
model=OpenAIChat(id="gpt-4o"),
instructions="You are a helpful AI assistant.",
add_datetime_to_instructions=True,
markdown=True,
)
agui_app = AGUIApp(
agent=chat_agent,
name="Basic AG-UI Agent",
app_id="basic_agui_agent",
description="A basic agent that demonstrates AG-UI protocol integration.",
)
app = agui_app.get_app()
if name == "main":
agui_app.serve(app="basic:app", port=8000, reload=True)
Now we want to interact with our backend using an AG-UI compatible frontend.
You can use Dojo, an advanced and customizable option to use as frontend for AG-UI agents:
git clone <https://github.com/ag-ui-protocol/ag-ui.git>
/ag-ui/typescript-sdk
with pnpm install
, and to build the Agno package in /integrations/agno
with pnpm run build
.4. Chat with your Agno Agents!
Done! If you are running Dojo as your front-end, you can now go to http://localhost:3000 in your browser and chat with your Agno Agent.
You can read more about the integration in our docs, and see some more examples here.
Subscribe to our blog and get updates on CopilotKit in your inbox.