mirror of
https://github.com/CopilotKit/CopilotKit.git
synced 2026-09-14 16:26:20 +08:00
Alem Tuzlak
79ce60c580
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
CopilotKit + ADK Generative Canvas
https://github.com/user-attachments/assets/9201d528-573f-43cc-9d31-571c362318a7
This project provides a Canvas UI for building and running agents with Google’s ADK, AG-UI, and CopilotKit.
Instead of plain text, the agent can populate metrics, charts, and real-time data into the Canvas dashboard.
🔧 Quickstart
git clone https://github.com/your-org/copilotkit-adk-canvas
cd copilotkit-adk-canvas
# install JS deps + agent
pnpm install # or npm/yarn/bun
# install Python deps separately for the ADK agent
pnpm install:agent
# set your Google API key
export GOOGLE_API_KEY="your-google-api-key-here"
# start UI + agent together
pnpm run dev
📦 Prerequisites
- Node.js 18+
- Python 3.8+
- Google Makersuite API Key → get one here
- Any package manager (pnpm recommended)
💡 Lockfiles (package-lock.json, yarn.lock, etc.) are gitignored — each dev manages their own.
🛠 Available Scripts
dev→ Start UI + agent (default)dev:debug→ Start with debug loggingdev:ui→ Run just the Next.js appdev:agent→ Run just the ADK agentbuild / start→ Production build + serverlint→ Run ESLintinstall:agent→ Install Python deps insideagent/.venv
🎨 Customization
- Main UI →
src/app/page.tsx - Change theme/colors and sidebar appearance
- Add new visualization components
- Extend agent logic in
/agent
📚 Docs
🐛 Troubleshooting
Agent connection issues?
- Ensure ADK agent runs on port
8000 - Double-check
GOOGLE_API_KEY - Confirm both servers boot without errors
🤝 Contributing
PRs and issues welcome — this Canvas is meant to be hacked on.
📄 License
MIT — see LICENSE for details.