{ "markdown": "
\n\n\"FavIcon\"\n\n# CopilotKit\n\n
\n\n[Docs](https://docs.copilotkit.ai/?ref=github_readme) ·\n[Examples](https://www.copilotkit.ai/examples) ·\n[CopilotKit Intelligence](https://go.copilotkit.ai/enterprise-intelligence-platform) ·\n[Discord](https://discord.gg/6dffbvGU3D?ref=github_readme)\n\n
\n\nBuild **agent-native applications** — on any framework, on any surface.\n\nGenerative UI, shared state, and human-in-the-loop workflows for React, Angular, Vue, React Native — and in Slack and Microsoft Teams.\n\n
\n\n[![Bring Your Own Agent. Any Channel. — CopilotKit and AG-UI connect any agent framework to Slack, Microsoft Teams, Discord, WhatsApp, Telegram, Google Chat, iMessage, and SMS.](assets/bring-your-own-agent-any-channel.png)](https://go.copilotkit.ai/copilotkit-docs)\n\n
\n \n \"NPM\"\n \n\n \n \"License:\n \n\n \n \"Discord\"\n \n
\n
\n
\n \n \n\n
\n
\n \"CopilotKit%2FCopilotKit\n \n \n \n \n\n
\n\n---\n\n## What is CopilotKit?\n\nCopilotKit is a best-in-class SDK for building full-stack agentic applications, Generative UI, and chat applications.\n\nWhat started as a React library is now the **horizontal layer between your agents and your users**: the same agent can power your web app, your mobile app, and your team's Slack or Microsoft Teams workspace.\n\nWe are the company behind the **[AG-UI Protocol](https://github.com/ag-ui-protocol/ag-ui)** — adopted by Google, LangChain, AWS, Microsoft, Mastra, PydanticAI, and more!\n\n## Quick Start\n\nUp and running in under five minutes. All you need is an LLM key (OpenAI, Anthropic, Gemini, etc.).\n\n```bash\nnpx copilotkit@latest create\n```\n\n## Agent Skills\n\nCopilotKit ships [agent skills](https://docs.copilotkit.ai) that teach your coding agent (Claude Code, Codex, Cursor, Gemini, and others) how to set up, build with, integrate, debug, and upgrade CopilotKit.\n\nInstall them into any project directory:\n\n```bash\nnpx copilotkit@latest skills install\n```\n\nRun it again any time to refresh to the latest skills.\n\n## Bring Your App to Life\n\nhttps://github.com/user-attachments/assets/72b7b4f3-b6e7-460c-a932-5746fe3c8db3\n\n
Add AI to your app in 1 minute
\n\n**Features:**\n\n- **Chat UI** – A fully customizable chat interface that supports message streaming, tool calls, and agent responses.\n- **Backend Tool Rendering** – Enables agents to call backend tools that return UI components rendered directly in the client.\n- **Generative UI** – Allows agents to generate and update UI components dynamically at runtime based on user intent and agent state.\n- **Shared State** – A synchronized state layer that both agents and UI components can read from and write to in real time.\n- **Human-in-the-Loop** – Lets agents pause execution to request user input, confirmation, or edits before continuing.\n- **Self-Learning** _(early access)_ – Agents that continuously improve from user feedback via in-context reinforcement learning (CLHF).\n\n## 🧩 Works With Your Stack\n\nOne agent backend. Every frontend.\n\n| Platform | Status | Get Started |\n| --------------------------------------------------------------- | -------------- | ------------------------------------------------------------------------------------------------------- |\n| ⚛️ React / Next.js | ✅ GA | [Quickstart](https://docs.copilotkit.ai/built-in-agent/quickstart) |\n| 🅰️ Angular | ✅ Supported | [Source Code & Quickstart](https://github.com/CopilotKit/CopilotKit/tree/main/packages/angular) |\n| 💚 Vue | ✅ Supported | [Source Code - Quickstart coming soon](https://github.com/CopilotKit/CopilotKit/tree/main/packages/vue) |\n| 📱 React Native | ✅ Supported | [Quickstart](https://docs.copilotkit.ai/react-native) |\n| 💬 Slack / Microsoft Teams | ✅ Supported | [Channels](https://www.copilotkit.ai/channels) · [Quickstart](https://docs.copilotkit.ai/slack) |\n| 🔜 Discord / WhatsApp / Telegram / Google Chat / iMessage / SMS | 🟡 Coming soon | [Channels](https://www.copilotkit.ai/channels) |\n\nYour agent logic stays the same — AG-UI handles the wire protocol, CopilotKit handles the UI layer for each framework and channel.\n\n## 💬 Channels: One Agent, Every Chat App\n\n\"Write\n\nThe **Channels SDK** takes the agent you already built and drops it into the chat apps your users live in — same tools, same shared state, same human-in-the-loop, no rewrite (**[Learn more](https://www.copilotkit.ai/channels)**).\n\n- **Slack** – Agents as first-class Slack apps: threads, tool calls, and human-in-the-loop approvals right in the channel.\n- **Microsoft Teams** – Bring agentic workflows to the enterprise, where your org already lives.\n\n👉 **[Explore Channels →](https://www.copilotkit.ai/channels)**\n\n## 🧠 Self-Learning Agents\n\nImprove your product by learning over time.\n\nWith **Continuous Learning from Human Feedback (CLHF)**, part of [CopilotKit Intelligence](https://www.copilotkit.ai/copilotkit-intelligence), agents improve with every interaction:\n\n- **In-context reinforcement learning** – Agents automatically improve from user interactions, no model fine-tuning required.\n- **Automatic prompt augmentation** – Agent behavior adapts based on recent interactions and outcomes.\n- **Per-user adaptation** – Agents learn individual preferences and get better for each user over time.\n- **Threads & persistence** – Full interaction history — generative UI, human-in-the-loop, shared state — captured across sessions.\n\nAvailable via CopilotKit Cloud or self-hosted.\n\n🔒 **Early access:** We're onboarding teams now.\n\n👉 **[Request early access →](https://go.copilotkit.ai/beyond-the-web-form)**\n\nhttps://github.com/user-attachments/assets/7372b27b-8def-40fb-a11d-1f6585f556ad\n\nWhat this gives you:\n\n- **CopilotKit installed** – Core packages are fully set up in your app\n- **Provider configured** – Context, state, and hooks ready to use\n- **Agent <> UI connected** – Agents can stream actions and render UI immediately\n- **Deployment-ready** – Your app is ready to deploy\n\n[Complete getting started guide →](https://docs.copilotkit.ai/langgraph/quickstart)\n\n## How it works:\n\nCopilotKit connects your UI, agents, and tools into a single interaction loop.\n\n![CopilotKit Diagram — Motion x2 6 sec version](https://github.com/user-attachments/assets/6f175d86-bd22-4c26-a13a-6013654ed542)\n\nThis enables:\n\n- Agents that ask users for input\n- Tools that render UI\n- Stateful workflows across steps and sessions\n- One agent, deployed across web, mobile, and chat platforms\n\n## ⭐️ useAgent Hook\n\nThe `useAgent` hook sits directly on AG-UI, giving you full programmatic control over the agent connection.\n\n```ts\n// Programmatically access and control your agents\nconst { agent } = useAgent({ agentId: \"my_agent\" });\n\n// Render and update your agent's state\nreturn
\n

{agent.state.city}

\n \n
\n```\n\nCheck out the [useAgent docs](https://go.copilotkit.ai/useagent-docs) to learn more.\n\nhttps://github.com/user-attachments/assets/67928406-8abc-49a1-a851-98018b52174f\n\n## Generative UI\n\nGenerative UI is a core CopilotKit pattern that allows agents to dynamically render UI as part of their workflow.\n\nhttps://github.com/user-attachments/assets/3cfacac0-4ffd-457a-96f9-d7951e4ab7b6\n\n### Compare the Three Types\n\n\"image\"\n\n#### Explore:\n\n- [Static (AG-UI Protocol)](https://docs.copilotkit.ai/ag-ui-protocol)\n- [Declarative (A2UI)](https://docs.copilotkit.ai/generative-ui/specs/a2ui#using-a2ui-with-copilotkit)\n- [Open-Ended (MCP Apps & Open JSON)](https://docs.copilotkit.ai/generative-ui/specs/mcp-apps)\n\n[Generative UI educational repo →](https://github.com/CopilotKit/CopilotKit/tree/main/examples/showcases/generative-ui)\n\n## 🖥️ AG-UI: The Agent–User Interaction Protocol\n\nConnect agent workflows to user-facing apps, with deep partnerships and 1st-party integrations across the agentic stack—including LangChain, CrewAI, Mastra, PydanticAI, and more.\n\n[![AG-UI](https://github.com/user-attachments/assets/a625237a-cfc1-45fc-8d0c-637316b81291)](https://go.copilotkit.ai/ag-ui)\n\n---\n\n```\nnpx create-ag-ui-app my-agent-app\n```\n\n \n Learn more in the AG-UI README →\n \n\n## 🤝 Community\n\n- [What's New](https://docs.copilotkit.ai/whats-new)\n

Have questions or need help?

\n \n Join our Discord →\n
\n \n Read the Docs →\n
\n \n Try CopilotKit Intelligence →\n \n

Stay up to date with our latest releases!

\n \n Follow us on LinkedIn →\n
\n \n Follow us on X →\n \n\n## 🙋🏽‍♂️ Contributing\n\nThanks for your interest in contributing to CopilotKit! 💜\n\nWe value all contributions, whether it's through code, documentation, creating demo apps, or just spreading the word.\n\nHere are a few useful resources to help you get started:\n\n- For code contributions, [CONTRIBUTING.md](./CONTRIBUTING.md).\n- For documentation-related contributions, [check out the documentation contributions guide](https://docs.copilotkit.ai/contributing/docs-contributions?ref=github_readme).\n\n- Want to contribute but not sure how? [Join our Discord](https://discord.gg/6dffbvGU3D) and we'll help you out!\n\n## 📄 License\n\nThis repository's source code is available under the [MIT License](https://github.com/CopilotKit/CopilotKit/blob/main/LICENSE).\n", "bytes": 11838, "sha": "cb61d94fbd06e6d155c992f2901e5bc962309e400f2276c2f4760fbe94b136c3", "repo_slug": "copilotkit/copilotkit", "fonte": "repo", "truncated": false, "api": "https://agentalog.com/api/listings/skl_copilotkit_copilotkit_copilotkit_upgrade_70b7fd0f/readme" }