Introducing ๐พ๐๐๐ ๐๐๐๐๐
Better Claude Teach that works with any agent, any model, and with your own data.
Features:
-> Embed Open Teach into your own custom agents
-> Learn from in-browser activity and from agent interactions
-> Self-hosted for full data sovereignty
-> Future proof and cross-stack
Get early access: https://t.co/YBEBxkzkbO
Voice input, now in CopilotKit ๐๏ธ
Speech-to-text is built into the chat. Your runtime transcribes the audio and passes it to any AG-UI agent.
Works with any provider. OpenAI, Deepgram, AssemblyAI, or your own.
Docs โ
https://t.co/uWwgp4sngp
We built an internal tool that immediately started saving us money on API costs. Now it's open source.
LLMock is a deterministic mock LLM serverโworks exactly like OpenAI or Claude, but local and free. Perfect for testing demos without burning tokens on flaky tests.
`pnpm install @copilotkit/llmock`
https://t.co/zW8yipwtV7
This was fun to put together- a quick tutorial on the new Vibe-Coding MCP Server
Powered by @tadata_team, our latest step forward in making agentic application development 10x faster!
In this walkthrough, I cover:
- Give coding agents structured access to docs + code examples from CopilotKitโs repos
- Trigger an action and show it in real time
- Expose live state so agents always stay in context
- Use a CopilotKit pre-built, drop in chat component
- Generate clean, high-quality code directly from the server
By combining MCP with @CopilotKit, the Vibe-Coding Server removes the friction of tagging docs or wiring context manually.
Agents fetch exactly what they need, respond faster, and stay tightly aligned with your app.
If youโre curious about how to vibe code your first agentic app- this is the perfect place to start!
Watch the full tutorial here: https://t.co/RKdXQ6mdm1
Why structured actions beat raw prompts
LLMs are great at suggesting things, but struggle to execute anything predictable or safe within a real product.
Copilot Actions: a structured way to define what your assistant can do, and how it should do it.
You define:
- The schema for input/output
- The logic it triggers
- Where and how it runs in the app
The LLM calls these like functions. It doesn't guess, it invokes.
This is what turns a suggestion engine into an actual product copilot.
Copilot Actions: https://t.co/YpLkNTvA0n
How should an LLM trigger things inside your app?
- CopilotKit gives you ๐๐๐ฒ๐๐ผ๐ฝ๐ถ๐น๐ผ๐๐๐ฐ๐๐ถ๐ผ๐ป:
- Define actions in your frontend
- Map them to natural language triggers
- Let the agent call those actions programmatically
This gives your agent real power to interact with your UI safely and predictably.
โ Docs: https://t.co/WpwLCImwAQ
Tonightโs intro to the AG-UI Protocol was a nice way to make up with my neglected Linux laptop. Good vibes have me looking forward to diving in soon!
๐พIntroducing the AG-UI CLI
An easy flow that guides you through the process of building AG-UI powered applications.
Pick your agent, client, and get started with a simple starter repo with all the building blocks you need.
Get started๐
npx create-ag-ui-app@latest
5 years ago, I was working nights and learning JavaScript from scratch.
Today, I support devs from solo builders to Fortune 100 teams building with AI.
The learning curve was brutal, but worth it.
If youโre in that stage now, donโt quit.
Youโre not behind. Youโre building momentum.
One of the most important, but least talked about, problems in agentic UI design:
๐๐ผ๐ ๐ฑ๐ผ ๐๐ผ๐ ๐ธ๐ฒ๐ฒ๐ฝ ๐๐ ๐ฎ๐ป๐ฑ ๐๐ผ๐๐ฟ ๐ฎ๐ฝ๐ฝ ๐ถ๐ป ๐๐๐ป๐ฐ?
A traditional UI has clear state
--> React manages it
--> State management stores it,
--> The user interacts with it.
But when you introduce an LLM into your frontend, the complications multiply.
That's where CopilotKit shines, and it manages the complexity of shared state effectively.
You can expose React state directly to the LLM. The LLM always knows the latest value.
And itโs bidirectional:
- Your UI state updates โ LLM sees the new value immediately
- The LLM generates an action โ It can update the UI state directly
That means you can build interfaces where AI and the user truly collaborate on the same canvas, in real-time.
Think of it like `useState()`, but for humans and AI to share.
If you're building AI-native apps, sharing state is crucial for a seamless user experience.
Learn more about how CopilotKit handles shared state: https://t.co/cahK4ib2TP
Are the rules of UI quietly being rewritten?
Traditional buttons, dropdowns, and forms are being replaced by something more fluid: ๐ป๐ฎ๐๐๐ฟ๐ฎ๐น ๐น๐ฎ๐ป๐ด๐๐ฎ๐ด๐ฒ + ๐ถ๐ป๐๐ฒ๐น๐น๐ถ๐ด๐ฒ๐ป๐ ๐ฐ๐ผ๐ป๐๐ฒ๐ ๐.
Our teammate at CopilotKit, @RanST91, published an insightful analysis:
"The Death of Buttons: How AI is Killing Traditional UI"
https://t.co/lTQcyJr9Op
It breaks down why "prompt as UI" isn't just a trend, itโs the beginning of a deeper shift in how users and software communicate.
Ran covers:
- Why rigid UIs canโt keep up with real-world complexity
- How agents make decisions with you, not for you
- What it means to replace "clicks" with "conversations"
If youโre building interfaces with AI agents, you'll enjoy this article.
Post your thoughts below.
Solving the MรN Problem for AI Agent Interactions
Agent frameworks are moving at the speed of light, but integrating them with every possible client interface has become an M times N nightmare.
Think of the dozens of frameworks out there, and then the countless clients they might need to connect to (ei, React front-ends, Slack, SMS, WhatsApp, and beyond).
Without a standard, every framework has to build a custom integration for every client, and vice versa. Thatโs MรN complexity.
CopilotKit created the AGโUI protocol to address an internal need for seamless communication with any agent framework.
We chose to open source it, build in public, and collaborate with contributors to help drive broader adoption and improvement.
You can build apps where the UI streams:
- tokens
- tools
- state
- handoffs
And even supports user interruptions (Human in the Loop)-all with just HTTP events.
Start building in minutes with one command:
**npx create-ag-ui-app**
Copilots donโt need to return just text.
With CopilotKitโs Generative UI, your agent can return UI components directly:
- Rich media
- Visual previews
- Buttons that let the agent know how to proceed
- Interactive dashboards that allow for real-time data
- Charts that enhance data visualization
This opens up a new interaction model-agents that present rich, structured responses embedded in your app.
โ Explore the docs: https://t.co/srLtxKIpbr