Replace eslint and prettier with oxlint and oxfmt for faster linting and formatting across the monorepo. Remove all eslint and prettier configs, dependencies, and related packages. Add .oxlintrc.json and .oxfmtrc.json for the new tooling. Update CI workflows and lefthook hooks accordingly. Reformat codebase with oxfmt. https://claude.ai/code/session_01GMkSf29p78HuMR1mbXn8He
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 Rootagent/— 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):
GOOGLE_API_KEY=<<your-gemini-key-here>>
Frontend (/.env):
GOOGLE_API_KEY=<<your-gemini-key-here>>
3. Running the project
pnpm install
pnpm dev
Open 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.