Quickstart

Prerequisites#

Before you begin, you must have a CrewAI Flow deployed on CrewAI Enterprise. If you're looking for a sample flows, check out this example agentic chat implementation.

Getting started#

Create a free account#

Sign up for a free developer account on our Enterprise Intelligence Platform to get a license key. You'll use it later to enable persistent threads, observability, and the inspector.

How do you want to get started?#

Bootstrap with the new CopilotKit CLI (Beta) or code along with us to get started.

💻

Use the CopilotKit CLI (NextJS only)

I have a Next.js application and want to get started quickly.

📊

Code along

I want to deeply understand what's happening under the hood or don't have a Next.js application.

Run the CLI#

Just run this following command in your Next.js application to get started!

Don't have a Next.js application?

No problem! Just use create-next-app to make one quickly.

npx create-next-app@latest

npx copilotkit@latest init -m CrewAI --crew-type Flows

🎉 Talk to your agent!#

Congrats! You've successfully integrated a CrewAI Flow agent chatbot to your application. Depending on the template you chose, you may see some different UI elements. To start, try asking a few questions to your agent.

Can you tell me a joke?

Can you help me understand AI?

What do you think about React?

What's next?#

You've now got a CrewAI Flow running in CopilotKit! Now you can start exploring the various ways that CopilotKit can help you build power agent native applications.

Implement Human in the Loop

Allow your users and agents to collaborate together on tasks.

Utilize the Shared State

Learn how to synchronize your agent's state with your UI's state, and vice versa.

Add some generative UI

Render your agent's progress and output in the UI.

Setup frontend actions

Give your agent the ability to call frontend tools, directly updating your application.