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.
Open your coding agent in your project's folder, or in an empty folder for a new app.This runs in a coding agent on your computer.
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 cloud-hosted Intelligence. Cloud-hosted 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 Rich 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: