Quickstart
Turn your Agno agent into an agent-native application in 10 minutes.
Start with your coding agent#
Use this prompt to connect your Agno agent to CopilotKit and verify a working conversation. Your coding agent will follow this guide in your project, or you can work through the manual steps below.
Prerequisites#
Before you begin, you'll need the following:
- An OpenAI API key
- Node.js 20+
- Python 3.9+
- Your favorite package manager
Getting started#
Set up CopilotKit Intelligence#
Sign in to managed Intelligence. Managed setup uses a server-side project API key and does not issue COPILOTKIT_LICENSE_TOKEN. You will connect the app after you create it below.
Choose your starting point#
You can either start fresh with our starter template or integrate CopilotKit into your existing Agno agent.
🎉 Start chatting!#
Your AI agent is now ready to use! Navigate to localhost:3000 and try asking it some questions:
Can you tell me a joke?Can you help me understand AI?What do you think about React?Troubleshooting
- If you're having connection issues, try using
0.0.0.0or127.0.0.1instead oflocalhost - Make sure your agent is running on port 8000
- Check that your OpenAI API key is correctly set
- Verify that the
@ag-ui/clientpackage is installed in your frontend
Open Inspector and confirm setup#
On localhost, click the Inspector button in the corner of the app.
- Open Agents, then Agent. Your agent is listed.
- Send a chat message. Open Agents, then AG-UI Events. Events are moving.
- Open Threads. The list is unlocked (Intelligence is on), or locked with Enable Intelligence (Intelligence is off).
More detail: Inspector.
What's next?#
Now that you have your basic agent setup, explore these advanced features: