- Notifications
You must be signed in to change notification settings - Fork2
CopilotKit/with-a2a-a2ui
Folders and files
| Name | Name | Last commit message | Last commit date | |
|---|---|---|---|---|
Repository files navigation
This is a starter template for building AI agents that useA2UI andCopilotKit. It provides a modern Next.js application with an integrated restaurant finder agent that can find restaurants and book reservations
- Gemeni API Key (for the ADK/A2A agent)
- Python 3.12+
- uv
- Node.js 20+
- Any of the following package managers:
- pnpm (recommended)
- npm
- yarn
- bun
Note: This repository ignores lock files (package-lock.json, yarn.lock, pnpm-lock.yaml, bun.lockb) to avoid conflicts between different package managers. Each developer should generate their own lock file using their preferred package manager. After that, make sure to delete it from the .gitignore.
- Install dependencies using your preferred package manager:
# Using pnpm (recommended)pnpm install# Using npmnpm install# Using yarnyarn install# Using bunbun install
Note: This will automatically setup the Python environment as well.
If you have manual isseus, you can run:
npm run install:agent
- Set up your Gemeni API key:
Create a.env file inside theagent folder with the following content:
GEMENI_API_KEY=sk-...your-openai-key-here...- Start the development server:
# Using pnpmpnpm dev# Using npmnpm run dev# Using yarnyarn dev# Using bunbun run dev
This will start both the UI and agent servers concurrently.
The following scripts can also be run using your preferred package manager:
dev- Starts both UI and agent servers in development modedev:debug- Starts development servers with debug logging enableddev:ui- Starts only the Next.js UI serverdev:agent- Starts only the PydanticAI agent serverbuild- Builds the Next.js application for productionstart- Starts the production serverlint- Runs ESLint for code lintinginstall:agent- Installs Python dependencies for the agent
The main UI component is insrc/app/page.tsx, but most of the UI comes from from the agent in the form of A2UI declarative components. To see and edit the components it can generate, look inagent/prompt_builder.py.To generate new components, try theA2UI Composer
- A2UI + CopilotKit Documentation - Learn more about how to use A2UI with CopilotKit
- A2UI Documentation - Learn more about A2UI and its capabilities
- CopilotKit Documentation - Explore CopilotKit's capabilities
- Next.js Documentation - Learn about Next.js features and API
Feel free to submit issues and enhancement requests! This starter is designed to be easily extensible.
This project is licensed under the MIT License - see the LICENSE file for details.
If you see "I'm having trouble connecting to my tools", make sure:
- The ADK agent is running on port 10002
- Your Gemini API key is set correctly
- Both servers started successfully
If you encounter Python import errors:
cd agentuv syncuv run.
About
Resources
Uh oh!
There was an error while loading.Please reload this page.
