copilotkit--copilotkit
wehub-resource-sync
89 行
2.0 KiB
Markdown
89 行
2.0 KiB
Markdown
# Open Gemini Canvas
|
|
|
|
https://github.com/user-attachments/assets/1e95c9e1-2d55-4f63-b805-be49fe94a493
|
|
|
|
# CopilotKit + Google DeepMind (Gemini) + LangGraph Template
|
|
|
|
This project showcases how to build practical AI agents with **CopilotKit**, **Google DeepMind’s Gemini**, and **LangGraph**.
|
|
It includes two agents, exposed through a **Next.js frontend** and a **FastAPI backend**.
|
|
|
|
## ✨ Features
|
|
|
|
- **Post Generator Agent**
|
|
Generate LinkedIn and Twitter posts from the context you provide.
|
|
Useful for creating professional, context-aware social content.
|
|
|
|
- **Stack Analyzer Agent**
|
|
Provide a URL and get a detailed breakdown of the site’s technology stack.
|
|
Quickly identify frameworks, libraries, and infrastructure used.
|
|
|
|
## 🛠️ Tech Stack
|
|
|
|
- **Frontend**: Next.js
|
|
- **Backend**: FastAPI
|
|
- **Agents**: Google Gemini + LangGraph
|
|
- **UI Layer**: CopilotKit
|
|
|
|
## 📌 About
|
|
|
|
This demo illustrates how CopilotKit can be paired with LangGraph and Gemini to create agents that are:
|
|
|
|
- **Context-aware** (understand the input you provide)
|
|
- **Task-focused** (generate content or analyze stacks)
|
|
- **UI-integrated** (feels like part of your app, not just a chatbox)
|
|
|
|
---
|
|
|
|
## Project Structure
|
|
|
|
- `/` — Next.js 15 app (UI) in the Project Root
|
|
- `agent/` — FastAPI backend agent (Python)
|
|
|
|
---
|
|
|
|
## 🚀 Getting Started
|
|
|
|
### 1. Clone the repository
|
|
|
|
Clone this repo `git clone <project URL>`
|
|
|
|
### 2. Environment Configuration
|
|
|
|
Create a `.env` file in each relevant directory as needed.
|
|
|
|
#### Backend (`agent/.env`):
|
|
|
|
```env
|
|
GOOGLE_API_KEY=<<your-gemini-key-here>>
|
|
```
|
|
|
|
#### Frontend (`/.env`):
|
|
|
|
```env
|
|
GOOGLE_API_KEY=<<your-gemini-key-here>>
|
|
```
|
|
|
|
---
|
|
|
|
### 3. Running the project
|
|
|
|
```bash
|
|
pnpm install
|
|
pnpm dev
|
|
```
|
|
|
|
---
|
|
|
|
Open [http://localhost:3000](http://localhost:3000) in your browser to view the app.
|
|
|
|
---
|
|
|
|
## Notes
|
|
|
|
- Ensure the backend agent is running before using the frontend.
|
|
- Update environment variables as needed for your deployment.
|
|
|
|
---
|
|
|
|
### Hosted URL: https://copilot-kit-deepmind.vercel.app/
|