PageSourceSearch

https://www.copilotkit.ai/blog

html copilotkit.ai collected 2026-10-02 03:03:58 UTC 615,184 bytes, 28 lines download raw bytes

1<!DOCTYPE html><html id="root" lang="en" class="__variable_01df4e __variable_9cf333" data-ad-tags="on" data-privacy-region="none"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="preload" as="image" href="/images/home/eyebrow-background-glow.svg"/><link rel="stylesheet" href="/_next/static/css/05da139d90d352fa.css?dpl=dpl_6PRq2pzNmJwiK3QXgfRscSuFSmeS" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/5f05196e172fe874.css?dpl=dpl_6PRq2pzNmJwiK3QXgfRscSuFSmeS" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/062c20f3245b1d6e.css?dpl=dpl_6PRq2pzNmJwiK3QXgfRscSuFSmeS" data-precedence="next"/><link rel="preload" as="script" fetchPriority="low" href="/_next/static/chunks/webpack-facb1a4c15a1bb4e.js?dpl=dpl_6PRq2pzNmJwiK3QXgfRscSuFSmeS"/>
1<script src="/_next/static/chunks/0eabe638-c49e59a2127e1e88.js?dpl=dpl_6PRq2pzNmJwiK3QXgfRscSuFSmeS" async=""></script>
1<script src="/_next/static/chunks/7099-68b84e0243f77d6c.js?dpl=dpl_6PRq2pzNmJwiK3QXgfRscSuFSmeS" async=""></script>
1<script src="/_next/static/chunks/main-app-73236e3263ebfd19.js?dpl=dpl_6PRq2pzNmJwiK3QXgfRscSuFSmeS" async=""></script>
1<script src="/_next/static/chunks/962fefad-9d7b9065d9ca5f08.js?dpl=dpl_6PRq2pzNmJwiK3QXgfRscSuFSmeS" async=""></script>
1<script src="/_next/static/chunks/3829-71a9babe9f308215.js?dpl=dpl_6PRq2pzNmJwiK3QXgfRscSuFSmeS" async=""></script>
1<script src="/_next/static/chunks/1844-f34025f7df46a3f0.js?dpl=dpl_6PRq2pzNmJwiK3QXgfRscSuFSmeS" async=""></script>
1<script src="/_next/static/chunks/4802-ae80319785ea09d6.js?dpl=dpl_6PRq2pzNmJwiK3QXgfRscSuFSmeS" async=""></script>
1<script src="/_next/static/chunks/8108-2a6ea63424fc0465.js?dpl=dpl_6PRq2pzNmJwiK3QXgfRscSuFSmeS" async=""></script>
1<script src="/_next/static/chunks/5179-eca0393f1ac1ad65.js?dpl=dpl_6PRq2pzNmJwiK3QXgfRscSuFSmeS" async=""></script>
1<script src="/_next/static/chunks/3881-f711d0020fd537c1.js?dpl=dpl_6PRq2pzNmJwiK3QXgfRscSuFSmeS" async=""></script>
1<script src="/_next/static/chunks/4077-6d4759318766a5f2.js?dpl=dpl_6PRq2pzNmJwiK3QXgfRscSuFSmeS" async=""></script>
1<script src="/_next/static/chunks/app/(openbot)/layout-91aebd396d2bc2b8.js?dpl=dpl_6PRq2pzNmJwiK3QXgfRscSuFSmeS" async=""></script>
1<script src="/_next/static/chunks/e8cc0388-e956e5f249ebb664.js?dpl=dpl_6PRq2pzNmJwiK3QXgfRscSuFSmeS" async=""></script>
1<script src="/_next/static/chunks/52624530-e6696299b53c89a0.js?dpl=dpl_6PRq2pzNmJwiK3QXgfRscSuFSmeS" async=""></script>
1<script src="/_next/static/chunks/2714-1c741ec5cb708c0c.js?dpl=dpl_6PRq2pzNmJwiK3QXgfRscSuFSmeS" async=""></script>
1<script src="/_next/static/chunks/8243-bf11160ee3ccd3bd.js?dpl=dpl_6PRq2pzNmJwiK3QXgfRscSuFSmeS" async=""></script>
1<script src="/_next/static/chunks/5991-0ab49de2e9e0902d.js?dpl=dpl_6PRq2pzNmJwiK3QXgfRscSuFSmeS" async=""></script>
1<script src="/_next/static/chunks/9380-993cc83133ef17fc.js?dpl=dpl_6PRq2pzNmJwiK3QXgfRscSuFSmeS" async=""></script>
1<script src="/_next/static/chunks/4105-1eb713f633642d9c.js?dpl=dpl_6PRq2pzNmJwiK3QXgfRscSuFSmeS" async=""></script>
1<script src="/_next/static/chunks/app/(default)/blog/page-897cec1e9bdfcf81.js?dpl=dpl_6PRq2pzNmJwiK3QXgfRscSuFSmeS" async=""></script>
1<script src="/_next/static/chunks/1631-dba3ca1a67442a77.js?dpl=dpl_6PRq2pzNmJwiK3QXgfRscSuFSmeS" async=""></script>
1<script src="/_next/static/chunks/5180-88530fc92ddfdc6d.js?dpl=dpl_6PRq2pzNmJwiK3QXgfRscSuFSmeS" async=""></script>
1<script src="/_next/static/chunks/app/(default)/layout-2a0c1d663f92fa57.js?dpl=dpl_6PRq2pzNmJwiK3QXgfRscSuFSmeS" async=""></script>
1<script src="/_next/static/chunks/539845e3-11020f5b256d6ca0.js?dpl=dpl_6PRq2pzNmJwiK3QXgfRscSuFSmeS" async=""></script>
1<script src="/_next/static/chunks/3f731c04-7f63247fd47237f3.js?dpl=dpl_6PRq2pzNmJwiK3QXgfRscSuFSmeS" async=""></script>
1<script src="/_next/static/chunks/15a83e89-9b6ac708da0bb971.js?dpl=dpl_6PRq2pzNmJwiK3QXgfRscSuFSmeS" async=""></script>
1<script src="/_next/static/chunks/5165-c22e8dd171d2110f.js?dpl=dpl_6PRq2pzNmJwiK3QXgfRscSuFSmeS" async=""></script>
1<script src="/_next/static/chunks/4244-644ab31f30fbf1b2.js?dpl=dpl_6PRq2pzNmJwiK3QXgfRscSuFSmeS" async=""></script>
1<script src="/_next/static/chunks/2375-dbe6222470f6d66b.js?dpl=dpl_6PRq2pzNmJwiK3QXgfRscSuFSmeS" async=""></script>
1<script src="/_next/static/chunks/app/(default)/template-b1c5de1146a77267.js?dpl=dpl_6PRq2pzNmJwiK3QXgfRscSuFSmeS" async=""></script>
1<script src="https://clerk.copilotkit.ai/npm/@clerk/clerk-js@5/dist/clerk.headless.browser.js" data-clerk-js-script="true" async="" crossorigin="anonymous" data-clerk-publishable-key="pk_live_Y2xlcmsuY29waWxvdGtpdC5haSQ"></script>
1<meta name="next-size-adjust" content=""/>
1<script type="application/ld+json">{"@context":"https://schema.org","@type":"Organization","name":"CopilotKit | Bring Users and AI Agents together inside real apps","description":"The Enterprise-Ready Frontend Stack for Agents. CopilotKit lets you integrate LLMs or agents with real-time context, UI control, and full flexibility.","url":"https://www.copilotkit.ai","logo":"https://www.copilotkit.ai/images/og/generic.webp","sameAs":["https://x.com/CopilotKit","https://www.linkedin.com/company/copilotkit/","https://github.com/CopilotKit/CopilotKit"]}</script>
1<title>Blog | CopilotKit</title><meta name="description" content="Explore the latest insights, tips, and best practices for building agentic applications with CopilotKit."/><meta name="robots" content="index, follow"/><meta name="googlebot" content="index, follow, max-video-preview:-1, max-image-preview:large, max-snippet:-1"/><link rel="canonical" href="https://www.copilotkit.ai/blog"/><meta property="og:title" content="Blog | CopilotKit"/><meta property="og:description" content="Explore the latest insights, tips, and best practices for building agentic applications with CopilotKit."/><meta property="og:image" content="https://www.copilotkit.ai/images/og/blog.webp"/><meta property="og:image:width" content="1200"/><meta property="og:image:height" content="630"/><meta property="og:image:alt" content="Blog | CopilotKit"/><meta property="og:type" content="website"/><meta name="twitter:card" content="summary_large_image"/><meta name="twitter:title" content="Blog | CopilotKit"/><meta name="twitter:description" content="Explore the latest insights, tips, and best practices for building agentic applications with CopilotKit."/><meta name="twitter:image" content="https://www.copilotkit.ai/images/og/blog.webp"/><link rel="icon" href="/favicon.ico" type="image/x-icon" sizes="16x16"/><link rel="icon" href="/favicon.ico"/>
1<script>document.querySelectorAll('body link[rel="icon"], body link[rel="apple-touch-icon"]').forEach(el => document.head.appendChild(el))</script>
1<script src="/_next/static/chunks/polyfills-42372ed130431b0a.js?dpl=dpl_6PRq2pzNmJwiK3QXgfRscSuFSmeS" noModule=""></script>
1</head><body class="antialiased bg-gradient font-jakarta"><div hidden=""><!--$--><!--/$--></div><div class="contents" data-default-layout-chrome="header"><div data-print-hide="true" class="relative min-h-[52px]"><div data-testid="announcement-banner" class="relative z-[90] min-h-[52px] w-full overflow-hidden border-b border-white bg-white/50 backdrop-blur-sm"><img alt="" aria-hidden="true" width="1893" height="56" decoding="async" data-nimg="1" class="absolute right-0 bottom-0 left-0" style="color:transparent" src="/images/home/eyebrow-background-glow.svg"/><a target="_blank" rel="noopener noreferrer" data-testid="announcement-slide-webinar" data-active="true" aria-label="Save your spot for the live event Open Bot: Build Your Own Open-Source AI Coworker. Thursday October 22 at 10 AM Pacific." aria-hidden="false" class="relative block w-full transition-[opacity,background-color] duration-500 hover:bg-white/80 motion-reduce:transition-none opacity-100" href="https://luma.com/eaqobyl7"><div class="relative mx-auto flex max-w-[1368px] items-center gap-3 px-5 py-3 sm:px-7 md:pr-16"><span class="inline-flex shrink-0 items-center rounded-full bg-white px-3 py-1.5 font-mono text-xs leading-none font-medium whitespace-nowrap text-text-primary uppercase shadow-sm md:px-4 md:py-2">Save your spot</span><p class="flex min-w-0 flex-1 items-center gap-1.5 text-xs leading-tight font-medium text-text-secondary md:text-sm md:leading-normal md:whitespace-nowrap"><span class="hidden shrink-0 md:inline">Live event · Oct 22, 10AM PT</span><span class="hidden shrink-0 sm2:inline md:hidden">Live event · Oct 22</span><span class="shrink-0 sm2:hidden">Live event</span><span class="hidden min-w-0 truncate font-semibold text-brand-lilac-deep md:block">Open Bot: Build Your Own Open-Source AI Coworker</span><span class="min-w-0 truncate font-semibold text-brand-lilac-deep md:hidden">Open Bot: AI coworker</span></p></div></a><a target="_blank" rel="noopener noreferrer" data-testid="announcement-slide-inspector" data-active="false" aria-label="Try out the new and improved CopilotKit Inspector." aria-hidden="true" tabindex="-1" class="absolute inset-0 block w-full transition-[opacity,background-color] duration-500 hover:bg-white/80 motion-reduce:transition-none pointer-events-none opacity-0" href="https://go.copilotkit.ai/inspector"><div class="relative mx-auto flex max-w-[1368px] items-center gap-3 px-5 py-3 sm:px-7 md:pr-16"><span class="inline-flex shrink-0 items-center rounded-full bg-white px-3 py-1.5 font-mono text-xs leading-none font-medium whitespace-nowrap text-text-primary uppercase shadow-sm md:px-4 md:py-2">Try it out</span><p class="flex min-w-0 flex-1 items-center gap-1.5 text-xs leading-tight font-medium text-text-secondary md:text-sm md:leading-normal md:whitespace-nowrap"><span class="hidden shrink-0 md:inline">Just shipped</span><span class="hidden shrink-0 sm2:inline md:hidden">Just shipped</span><span class="shrink-0 sm2:hidden">Just shipped</span><span class="hidden min-w-0 truncate font-semibold text-brand-lilac-deep md:block">New and Improved CopilotKit Inspector</span><span class="min-w-0 truncate font-semibold text-brand-lilac-deep md:hidden">New CopilotKit Inspector</span></p></div></a><div class="pointer-events-none absolute inset-y-0 right-3 z-10 hidden items-center gap-1.5 sm:right-5 md:flex"><button type="button" aria-label="Show announcement 1 of 2: Open Bot: Build Your Own Open-Source AI Coworker" aria-current="true" data-testid="announcement-dot-webinar" class="pointer-events-auto size-1.5 rounded-full transition-colors bg-brand-lilac-deep"></button><button type="button" aria-label="Show announcement 2 of 2: New and Improved CopilotKit Inspector" aria-current="false" data-testid="announcement-dot-inspector" class="pointer-events-auto size-1.5 rounded-full transition-colors bg-text-secondary/30 hover:bg-text-secondary/60"></button></div></div></div><div data-header-appearance="default" data-scrolled="false" data-mobile-open="false" class="sticky top-2 z-[100] mt-2 px-2 transition-transform duration-200 ease-in-out lg:top-1 lg:right-0 lg:left-0 lg:mt-0 lg:fixed lg:translate-y-[3.25rem] max-h-[84px] homepage-header_root__JLeHb"><header><div class="relative isolate mx-auto flex w-full max-w-[1368px] transform-gpu overflow-visible rounded-lg px-4 font-jakarta text-text-primary sm:px-6 xl:px-7 items-center justify-between homepage-header_pill__WQp0h"><div aria-hidden="true" data-testid="mobile-navigation-surface" class="pointer-events-none absolute inset-0 -z-10 rounded-lg border backdrop-blur-[16px] transition-[opacity,background-color,border-color] duration-200 ease-out border-white bg-[rgba(255,255,255,0.50)] opacity-0"></div><div class="flex min-h-[64px] w-full items-center justify-between sm:min-h-[72px] min-[1340px]:min-h-[84px] homepage-header_row__Iw3KE"><div class="flex h-full items-center homepage-header_navigation__BNWYp"><a class="flex items-center pb-[3px]" href="/"><img alt="Copilot Kit Logo" loading="lazy" width="146" height="28" decoding="async" data-nimg="1" class="hidden sm:block" style="color:transparent" src="/icons/copilot-kit-logo.svg"/><img alt="Copilot Kit Logo" loading="lazy" width="141" height="27" decoding="async" data-nimg="1" class="block sm:hidden" style="color:transparent" src="/icons/copilot-logo-mobile.svg"/></a><ul class="h-full items-center homepage-header_desktopLinks__I2AfJ"><li class="flex items-center"><a class="font-jakarta text-[14px] leading-[22px] font-medium whitespace-nowrap text-text-primary" href="https://docs.copilotkit.ai/" target="_blank">Docs</a></li><li class="items-center homepage-header_fullNavigationItem__EiB_S"><a class="font-jakarta text-[14px] leading-[22px] font-medium whitespace-nowrap text-text-primary" href="/blog">Blog</a></li><li class="z-[100] flex items-center"><div><button type="button" class="flex items-center gap-1 font-jakarta text-[14px] leading-[22px] font-medium whitespace-nowrap text-text-primary focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-current" aria-expanded="false" aria-controls="products-menu">Products<svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 512 512" class="transition-transform" height="16" width="16" xmlns="http://www.w3.org/2000/svg"><path fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="48" d="m112 184 144 144 144-144"></path></svg></button></div></li><li class="relative z-[100] items-center homepage-header_examplesItem__V63MW"><div class="relative"><button type="button" class="flex items-center gap-1 font-jakarta text-[14px] leading-[22px] font-medium whitespace-nowrap text-text-primary focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-current" aria-expanded="false" aria-controls="resources-menu">Resources<svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 512 512" class="transition-transform" height="16" width="16" xmlns="http://www.w3.org/2000/svg"><path fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="48" d="m112 184 144 144 144-144"></path></svg></button></div></li><li class="relative z-[100] items-center homepage-header_fullNavigationItem__EiB_S"><div class="relative"><button type="button" class="flex items-center gap-1 font-jakarta text-[14px] leading-[22px] font-medium whitespace-nowrap text-text-primary focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-current" aria-expanded="false" aria-controls="generative-ui-menu">Generative UI<svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 512 512" class="transition-transform" height="16" width="16" xmlns="http://www.w3.org/2000/svg"><path fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="48" d="m112 184 144 144 144-144"></path></svg></button></div></li><li class="group relative items-center homepage-header_fullNavigationItem__EiB_S"><a class="font-jakarta text-[14px] leading-[22px] font-medium whitespace-nowrap text-text-primary" href="/ag-ui">AG-UI</a><div class="pointer-events-none absolute top-full left-1/2 mt-2 -translate-x-1/2 opacity-0 transition-opacity group-hover:opacity-100"><div class="w-[280px] rounded-lg border border-gray-200 bg-white px-3 py-2 shadow-lg"><p class="font-jakarta text-[12px] leading-[1.5] text-text-secondary">AG-UI (Agent–User Interaction) is the general-purpose, bi-directional connection between a user-facing application and any agentic backend.</p></div></div></li><li class="flex items-center"><a class="font-jakarta text-[14px] leading-[22px] font-medium whitespace-nowrap text-text-primary" href="/pricing">Pricing</a></li></ul></div><div class="h-[44px] shrink-0 items-center homepage-header_actions__O21CQ"><a href="https://dashboard.operations.copilotkit.ai/sign-in?post_auth_redirect=ready" target="_blank" rel="noopener" data-testid="nav-cta-secondary" aria-label="Get started with CopilotKit" class="flex h-[44px] min-w-[110px] shrink-0 items-center justify-center rounded-full px-4 font-jakarta text-sm leading-none font-semibold tracking-normal whitespace-nowrap normal-case transition-colors focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-current bg-white text-text-primary hover:bg-white/70">Get Started</a><span class="hidden min-[1340px]:flex"><button type="button" class="group flex items-center border-none bg-transparent p-0 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-current w-fit cursor-pointer" aria-label="Join our Discord community"><span class="flex items-center justify-center gap-2 rounded-full whitespace-nowrap transition-colors text-sm h-[44px] bg-white text-text-primary group-hover:bg-white/70 group-focus-visible:bg-white/70 group-active:bg-white/50 group-disabled:bg-white/50 group-disabled:text-[#838389] w-fit font-mono font-medium uppercase px-3"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 640 512" height="20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="M524.531,69.836a1.5,1.5,0,0,0-.764-.7A485.065,485.065,0,0,0,404.081,32.03a1.816,1.816,0,0,0-1.923.91,337.461,337.461,0,0,0-14.9,30.6,447.848,447.848,0,0,0-134.426,0,309.541,309.541,0,0,0-15.135-30.6,1.89,1.89,0,0,0-1.924-.91A483.689,483.689,0,0,0,116.085,69.137a1.712,1.712,0,0,0-.788.676C39.068,183.651,18.186,294.69,28.43,404.354a2.016,2.016,0,0,0,.765,1.375A487.666,487.666,0,0,0,176.02,479.918a1.9,1.9,0,0,0,2.063-.676A348.2,348.2,0,0,0,208.12,430.4a1.86,1.86,0,0,0-1.019-2.588,321.173,321.173,0,0,1-45.868-21.853,1.885,1.885,0,0,1-.185-3.126c3.082-2.309,6.166-4.711,9.109
1-7.137a1.819,1.819,0,0,1,1.9-.256c96.229,43.917,200.41,43.917,295.5,0a1.812,1.812,0,0,1,1.924.233c2.944,2.426,6.027,4.851,9.132,7.16a1.884,1.884,0,0,1-.162,3.126,301.407,301.407,0,0,1-45.89,21.83,1.875,1.875,0,0,0-1,2.611,391.055,391.055,0,0,0,30.014,48.815,1.864,1.864,0,0,0,2.063.7A486.048,486.048,0,0,0,610.7,405.729a1.882,1.882,0,0,0,.765-1.352C623.729,277.594,590.933,167.465,524.531,69.836ZM222.491,337.58c-28.972,0-52.844-26.587-52.844-59.239S193.056,219.1,222.491,219.1c29.665,0,53.306,26.82,52.843,59.239C275.334,310.993,251.924,337.58,222.491,337.58Zm195.38,0c-28.971,0-52.843-26.587-52.843-59.239S388.437,219.1,417.871,219.1c29.667,0,53.307,26.82,52.844,59.239C470.715,310.993,447.538,337.58,417.871,337.58Z"></path></svg></span></button></span><a href="/talk-to-an-engineer?ref=nav" data-testid="nav-cta-primary" aria-label="Talk to an Engineer" class="flex h-[44px] min-w-[110px] shrink-0 items-center justify-center rounded-full px-4 font-jakarta text-sm leading-none font-semibold tracking-normal whitespace-nowrap normal-case transition-colors focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-current bg-gray-1000 text-white hover:bg-[#2b2b2b] focus-visible:bg-[#2b2b2b] active:bg-gray-800">Talk to an Engineer</a></div><button type="button" class="h-[52px] w-[52px] shrink-0 items-center justify-center rounded-md p-2 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-current homepage-header_menuToggle__ZmtcD" aria-label="Open menu" aria-expanded="false" aria-controls="mobile-menu"><svg stroke="currentColor" fill="none" stroke-width="0" viewBox="0 0 15 15" data-testid="mobile-menu-icon-open" height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M1.5 3C1.22386 3 1 3.22386 1 3.5C1 3.77614 1.22386 4 1.5 4H13.5C13.7761 4 14 3.77614 14 3.5C14 3.22386 13.7761 3 13.5 3H1.5ZM1 7.5C1 7.22386 1.22386 7 1.5 7H13.5C13.7761 7 14 7.22386 14 7.5C14 7.77614 13.7761 8 13.5 8H1.5C1.22386 8 1 7.77614 1 7.5ZM1 11.5C1 11.2239 1.22386 11 1.5 11H13.5C13.7761 11 14 11.2239 14 11.5C14 11.7761 13.7761 12 13.5 12H1.5C1.22386 12 1 11.7761 1 11.5Z" fill="currentColor"></path></svg></button></div><div id="mobile-menu" inert="" aria-hidden="true" class="mt-4 flex flex-col overflow-hidden overscroll-contain transition-[opacity] duration-300 ease-in-out homepage-header_mobileMenu__2ELkI max-h-0 opacity-0"><div class="flex min-h-0 flex-col gap-4 overflow-hidden overscroll-contain max-h-0 max-w-0"><div class="homepage-header_mobileScroll__VaoCi"><div class="homepage-header_compactDuplicate__wE24u"><a href="https://docs.copilotkit.ai/" class="font-jakarta text-[16px] leading-6 text-text-primary" target="_blank">Docs</a></div><div><a href="/blog" class="font-jakarta text-[16px] leading-6 text-text-primary">Blog</a></div><details class="homepage-header_mobileGroup__h_O7c homepage-header_compactDuplicate__wE24u"><summary>Products <svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 512 512" aria-hidden="true" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="48" d="m112 184 144 144 144-144"></path></svg></summary><div class="homepage-header_mobileGroupLinks__4ZIsj"><a href="/product"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="currentColor" viewBox="0 0 256 256" aria-hidden="true"><path d="M104,40H56A16,16,0,0,0,40,56v48a16,16,0,0,0,16,16h48a16,16,0,0,0,16-16V56A16,16,0,0,0,104,40Zm0,64H56V56h48v48Zm96-64H152a16,16,0,0,0-16,16v48a16,16,0,0,0,16,16h48a16,16,0,0,0,16-16V56A16,16,0,0,0,200,40Zm0,64H152V56h48v48Zm-96,32H56a16,16,0,0,0-16,16v48a16,16,0,0,0,16,16h48a16,16,0,0,0,16-16V152A16,16,0,0,0,104,136Zm0,64H56V152h48v48Zm96-64H152a16,16,0,0,0-16,16v48a16,16,0,0,0,16,16h48a16,16,0,0,0,16-16V152A16,16,0,0,0,200,136Zm0,64H152V152h48v48Z"></path></svg><span>Overview</span></a><a href="/copilotkit-intelligence"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="currentColor" viewBox="0 0 256 256" aria-hidden="true"><path d="M248,124a56.11,56.11,0,0,0-32-50.61V72a48,48,0,0,0-88-26.49A48,48,0,0,0,40,72v1.39a56,56,0,0,0,0,101.2V176a48,48,0,0,0,88,26.49A48,48,0,0,0,216,176v-1.41A56.09,56.09,0,0,0,248,124ZM88,208a32,32,0,0,1-31.81-28.56A55.87,55.87,0,0,0,64,180h8a8,8,0,0,0,0-16H64A40,40,0,0,1,50.67,86.27,8,8,0,0,0,56,78.73V72a32,32,0,0,1,64,0v68.26A47.8,47.8,0,0,0,88,128a8,8,0,0,0,0,16,32,32,0,0,1,0,64Zm104-44h-8a8,8,0,0,0,0,16h8a55.87,55.87,0,0,0,7.81-.56A32,32,0,1,1,168,144a8,8,0,0,0,0-16,47.8,47.8,0,0,0-32,12.26V72a32,32,0,0,1,64,0v6.73a8,8,0,0,0,5.33,7.54A40,40,0,0,1,192,164Zm16-52a8,8,0,0,1-8,8h-4a36,36,0,0,1-36-36V80a8,8,0,0,1,16,0v4a20,20,0,0,0,20,20h4A8,8,0,0,1,208,112ZM60,120H56a8,8,0,0,1,0-16h4A20,20,0,0,0,80,84V80a8,8,0,0,1,16,0v4A36,36,0,0,1,60,120Z"></path></svg><span>CopilotKit Intelligence</span></a><a href="/product/framework"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="currentColor" viewBox="0 0 256 256" aria-hidden="true"><path d="M93.31,70,28,128l65.27,58a8,8,0,1,1-10.62,12l-72-64a8,8,0,0,1,0-12l72-64A8,8,0,1,1,93.31,70Zm152,52-72-64a8,8,0,0,0-10.62,12L228,128l-65.27,58a8,8,0,1,0,10.62,12l72-64a8,8,0,0,0,0-12Z"></path></svg><span>CopilotKit Frontend SDKs</span></a><a href="/product/backends"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="currentColor" viewBox="0 0 256 256" aria-hidden="true"><path d="M237.66,18.34a8,8,0,0,0-11.32,0l-52.4,52.41-5.37-5.38a32.05,32.05,0,0,0-45.26,0L100,88.69l-6.34-6.35A8,8,0,0,0,82.34,93.66L88.69,100,65.37,123.31a32,32,0,0,0,0,45.26l5.38,5.37-52.41,52.4a8,8,0,0,0,11.32,11.32l52.4-52.41,5.37,5.38a32,32,0,0,0,45.26,0L156,167.31l6.34,6.35a8,8,0,0,0,11.32-11.32L167.31,156l23.32-23.31a32,32,0,0,0,0-45.26l-5.38-5.37,52.41-52.4A8,8,0,0,0,237.66,18.34Zm-116.29,161a16,16,0,0,1-22.62,0L76.69,157.25a16,16,0,0,1,0-22.62L100,111.31,144.69,156Zm57.94-57.94L156,144.69,111.31,100l23.32-23.31a16,16,0,0,1,22.62,0l22.06,22A16,16,0,0,1,179.31,12
11.37ZM88.57,35A8,8,0,0,1,103.43,29l8,20A8,8,0,0,1,96.57,55ZM24.57,93A8,8,0,0,1,35,88.57l20,8A8,8,0,0,1,49,111.43l-20-8A8,8,0,0,1,24.57,93ZM231.43,163a8,8,0,0,1-10.4,4.46l-20-8A8,8,0,1,1,207,144.57l20,8A8,8,0,0,1,231.43,163Zm-64,58.06A8,8,0,0,1,152.57,227l-8-20A8,8,0,0,1,159.43,201Z"></path></svg><span>Agentic Backend Connections</span></a><a href="/channels"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="currentColor" viewBox="0 0 256 256" aria-hidden="true"><path d="M128,88a40,40,0,1,0,40,40A40,40,0,0,0,128,88Zm0,64a24,24,0,1,1,24-24A24,24,0,0,1,128,152Zm73.71,7.14a80,80,0,0,1-14.08,22.2,8,8,0,0,1-11.92-10.67,63.95,63.95,0,0,0,0-85.33,8,8,0,1,1,11.92-10.67,80.08,80.08,0,0,1,14.08,84.47ZM69,103.09a64,64,0,0,0,11.26,67.58,8,8,0,0,1-11.92,10.67,79.93,79.93,0,0,1,0-106.67A8,8,0,1,1,80.29,85.34,63.77,63.77,0,0,0,69,103.09ZM248,128a119.58,119.58,0,0,1-34.29,84,8,8,0,1,1-11.42-11.2,103.9,103.9,0,0,0,0-145.56A8,8,0,1,1,213.71,44,119.58,119.58,0,0,1,248,128ZM53.71,200.78A8,8,0,1,1,42.29,212a119.87,119.87,0,0,1,0-168,8,8,0,1,1,11.42,11.2,103.9,103.9,0,0,0,0,145.56Z"></path></svg><span>Channels</span></a><a href="/openbot"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="currentColor" viewBox="0 0 256 256" aria-hidden="true"><path d="M200,48H136V16a8,8,0,0,0-16,0V48H56A32,32,0,0,0,24,80V192a32,32,0,0,0,32,32H200a32,32,0,0,0,32-32V80A32,32,0,0,0,200,48Zm16,144a16,16,0,0,1-16,16H56a16,16,0,0,1-16-16V80A16,16,0,0,1,56,64H200a16,16,0,0,1,16,16Zm-52-56H92a28,28,0,0,0,0,56h72a28,28,0,0,0,0-56Zm-24,16v24H116V152ZM80,164a12,12,0,0,1,12-12h8v24H92A12,12,0,0,1,80,164Zm84,12h-8V152h8a12,12,0,0,1,0,24ZM72,108a12,12,0,1,1,12,12A12,12,0,0,1,72,108Zm88,0a12,12,0,1,1,12,12A12,12,0,0,1,160,108Z"></path></svg><span>OpenBot</span></a><a href="/openmuse"><i aria-hidden="true" data-openmuse-mark="true" class="inline-block shrink-0 scale-[1.15] " style="width:18px;height:18px;background-color:currentColor;mask:url(&quot;/openmuse/capybara-outline-purple-bold.png&quot;) center / contain no-repeat;-webkit-mask:url(&quot;/openmuse/capybara-outline-purple-bold.png&quot;) center / contain no-repeat"></i><span>OpenMuse</span></a></div></details><details class="homepage-header_mobileGroup__h_O7c homepage-header_compactDuplicate__wE24u"><summary>Solutions <svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 512 512" aria-hidden="true" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="48" d="m112 184 144 144 144-144"></path></svg></summary><div class="homepage-header_mobileGroupLinks__4ZIsj"><a href="/solutions/agents-inside-your-product"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-app-window" aria-hidden="true"><rect x="2" y="4" width="20" height="16" rx="2"></rect><path d="M10 4v4"></path><path d="M2 8h20"></path><path d="M6 4v4"></path></svg><span>Agents inside your product</span></a><a href="/solutions/agents-in-slack-and-teams"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-messages-square" aria-hidden="true"><path d="M16 10a2 2 0 0 1-2 2H6.828a2 2 0 0 0-1.414.586l-2.202 2.202A.71.71 0 0 1 2 14.286V4a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2z"></path><path d="M20 9a2 2 0 0 1 2 2v10.286a.71.71 0 0 1-1.212.502l-2.202-2.202A2 2 0 0 0 17.172 19H10a2 2 0 0 1-2-2v-1"></path></svg><span>Agents in Slack and Teams</span></a><a href="/solutions/agent-workspace-for-employees"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-panels-top-left" aria-hidden="true"><rect width="18" height="18" x="3" y="3" rx="2"></rect><path d="M3 9h18"></path><path d="M9 21V9"></path></svg><span>Agent workspace for employees</span></a><a href="/solutions/self-improving-agents"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-brain" aria-hidden="true"><path d="M12 18V5"></path><path d="M15 13a4.17 4.17 0 0 1-3-4 4.17 4.17 0 0 1-3 4"></path><path d="M17.598 6.5A3 3 0 1 0 12 5a3 3 0 1 0-5.598 1.5"></path><path d="M17.997 5.125a4 4 0 0 1 2.526 5.77"></path><path d="M18 18a4 4 0 0 0 2-7.464"></path><path d="M19.967 17.483A4 4 0 1 1 12 18a4 4 0 1 1-7.967-.517"></path><path d="M6 18a4 4 0 0 1-2-7.464"></path><path d="M6.003 5.125a4 4 0 0 0-2.526 5.77"></path></svg><span>Self-improving agents</span></a><a href="/solutions/product-insights-for-agents"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chart-no-axes-combined" aria-hidden="true"><path d="M12 16v5"></path><path d="M16 14.639V21"></path><path d="M20 10.656V21"></path>
1<path d="m22 3-8.646 8.646a.5.5 0 0 1-.708 0L9.354 8.354a.5.5 0 0 0-.707 0L2 15"></path><path d="M4 18.463V21"></path><path d="M8 14.656V21"></path></svg><span>Product insights for agents</span></a></div></details><details class="homepage-header_mobileGroup__h_O7c homepage-header_examplesOverflow__chZIH"><summary>Resources <svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 512 512" aria-hidden="true" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="48" d="m112 184 144 144 144-144"></path></svg></summary><div class="homepage-header_mobileGroupLinks__4ZIsj"><p class="homepage-header_mobileGroupLabel__L8Idq">Learn the concepts</p><a href="/learning/three-buckets-of-the-agentic-world"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="currentColor" viewBox="0 0 256 256" aria-hidden="true"><path d="M104,40H56A16,16,0,0,0,40,56v48a16,16,0,0,0,16,16h48a16,16,0,0,0,16-16V56A16,16,0,0,0,104,40Zm0,64H56V56h48v48Zm96-64H152a16,16,0,0,0-16,16v48a16,16,0,0,0,16,16h48a16,16,0,0,0,16-16V56A16,16,0,0,0,200,40Zm0,64H152V56h48v48Zm-96,32H56a16,16,0,0,0-16,16v48a16,16,0,0,0,16,16h48a16,16,0,0,0,16-16V152A16,16,0,0,0,104,136Zm0,64H56V152h48v48Zm96-64H152a16,16,0,0,0-16,16v48a16,16,0,0,0,16,16h48a16,16,0,0,0,16-16V152A16,16,0,0,0,200,136Zm0,64H152V152h48v48Z"></path></svg><span>The Three Buckets of the Agentic World</span></a><a href="/learning/mcp-vs-a2a-vs-ag-ui"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="currentColor" viewBox="0 0 256 256" aria-hidden="true"><path d="M116,120a12,12,0,1,1,12,12A12,12,0,0,1,116,120ZM84,132a12,12,0,1,0-12-12A12,12,0,0,0,84,132Zm88,0a12,12,0,1,0-12-12A12,12,0,0,0,172,132Zm60-76V184a16,16,0,0,1-16,16H155.57l-13.68,23.94a16,16,0,0,1-27.78,0L100.43,200H40a16,16,0,0,1-16-16V56A16,16,0,0,1,40,40H216A16,16,0,0,1,232,56Zm-16,0H40V184h65.07a8,8,0,0,1,7,4l16,28,16-28a8,8,0,0,1,7-4H216Z"></path></svg><span>MCP vs. A2A vs. AG-UI</span></a><a href="/learning/what-is-agentic-ui"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="currentColor" viewBox="0 0 256 256" aria-hidden="true"><path d="M40,88H73a32,32,0,0,0,62,0h81a8,8,0,0,0,0-16H135a32,32,0,0,0-62,0H40a8,8,0,0,0,0,16Zm64-24A16,16,0,1,1,88,80,16,16,0,0,1,104,64ZM216,168H199a32,32,0,0,0-62,0H40a8,8,0,0,0,0,16h97a32,32,0,0,0,62,0h17a8,8,0,0,0,0-16Zm-48,24a16,16,0,1,1,16-16A16,16,0,0,1,168,192Z"></path></svg><span>What is agentic UI?</span></a><a href="/learning/what-is-human-in-the-loop"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="currentColor" viewBox="0 0 256 256" aria-hidden="true"><path d="M216,40H40A16,16,0,0,0,24,56V200a16,16,0,0,0,16,16H216a16,16,0,0,0,16-16V56A16,16,0,0,0,216,40Zm0,160H40V56H216V200ZM80,84A12,12,0,1,1,68,72,12,12,0,0,1,80,84Zm40,0a12,12,0,1,1-12-12A12,12,0,0,1,120,84Z"></path></svg><span>Human-in-the-loop</span></a><a href="/learning/what-is-agent-learning"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="currentColor" viewBox="0 0 256 256" aria-hidden="true"><path d="M248,124a56.11,56.11,0,0,0-32-50.61V72a48,48,0,0,0-88-26.49A48,48,0,0,0,40,72v1.39a56,56,0,0,0,0,101.2V176a48,48,0,0,0,88,26.49A48,48,0,0,0,216,176v-1.41A56.09,56.09,0,0,0,248,124ZM88,208a32,32,0,0,1-31.81-28.56A55.87,55.87,0,0,0,64,180h8a8,8,0,0,0,0-16H64A40,40,0,0,1,50.67,86.27,8,8,0,0,0,56,78.73V72a32,32,0,0,1,64,0v68.26A47.8,47.8,0,0,0,88,128a8,8,0,0,0,0,16,32,32,0,0,1,0,64Zm104-44h-8a8,8,0,0,0,0,16h8a55.87,55.87,0,0,0,7.81-.56A32,32,0,1,1,168,144a8,8,0,0,0,0-16,47.8,47.8,0,0,0-32,12.26V72a32,32,0,0,1,64,0v6.73a8,8,0,0,0,5.33,7.54A40,40,0,0,1,192,164Zm16-52a8,8,0,0,1-8,8h-4a36,36,0,0,1-36-36V80a8,8,0,0,1,16,0v4a20,20,0,0,0,20,20h4A8,8,0,0,1,208,112ZM60,120H56a8,8,0,0,1,0-16h4A20,20,0,0,0,80,84V80a8,8,0,0,1,16,0v4A36,36,0,0,1,60,120Z"></path></svg><span>What is agent learning?</span></a><p class="homepage-header_mobileGroupLabel__L8Idq">Examples &amp; demos</p><a href="/examples"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="currentColor" viewBox="0 0 256 256" aria-hidden="true"><path d="M104,40H56A16,16,0,0,0,40,56v48a16,16,0,0,0,16,16h48a16,16,0,0,0,16-16V56A16,16,0,0,0,104,40Zm0,64H56V56h48v48Zm96-64H152a16,16,0,0,0-16,16v48a16,16,0,0,0,16,16h48a16,16,0,0,0,16-16V56A16,16,0,0,0,200,40Zm0,64H152V56h48v48Zm-96,32H56a16,16,0,0,0-16,16v48a16,16,0,0,0,16,16h48a16,16,0,0,0,16-16V152A16,16,0,0,0,104,136Zm0,64H56V152h48v48Zm96-64H152a16,16,0,0,0-16,16v48a16,16,0,0,0,16,16h48a16,16,0,0,0,16-16V152A16,16,0,0,0,200,136Zm0,64H152V152h48v48Z"></path></svg><span>All examples</span></a><a href="https://dojo.showcase.copilotkit.ai/?integration=langgraph-python&amp;demo=beautiful-chat" target="_blank" rel="noopener"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="currentColor" viewBox="0 0 256 256" aria-hidden="true"><path d="M93.31,70,28,128l65.27,58a8,8,0,1,1-10.62,12l-72-64a8,8,0,0,1,0-12l72-64A8,8,0,1,1,93.31,70Zm152,52-72-64a8,8,0,0,0-10.62,12L228,128l-65.27,58a8,8,0,1,0,10.62,12l72-64a8,8,0,0,0,0-12Z"></path></svg><span>Dojo</span></a></div></details><div class="font-jakarta text-[16px] leading-6 font-semibold text-text-secondary">Generative UI</div><div class="pl-4"><a href="/generative-ui-spectrum" class="flex items-center gap-2.5 font-jakarta text-[16px] leading-6 text-text-primary"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="currentColor" viewBox="0 0 256 256" aria-hidden="true" class="shrink-0 text-accent-purple">
1<path d="M40,88H73a32,32,0,0,0,62,0h81a8,8,0,0,0,0-16H135a32,32,0,0,0-62,0H40a8,8,0,0,0,0,16Zm64-24A16,16,0,1,1,88,80,16,16,0,0,1,104,64ZM216,168H199a32,32,0,0,0-62,0H40a8,8,0,0,0,0,16h97a32,32,0,0,0,62,0h17a8,8,0,0,0,0-16Zm-48,24a16,16,0,1,1,16-16A16,16,0,0,1,168,192Z"></path></svg>The Generative UI Spectrum</a></div><div class="pl-4"><a href="/generative-ui" class="flex items-center gap-2.5 font-jakarta text-[16px] leading-6 text-text-primary"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="currentColor" viewBox="0 0 256 256" aria-hidden="true" class="shrink-0 text-accent-purple"><path d="M104,40H56A16,16,0,0,0,40,56v48a16,16,0,0,0,16,16h48a16,16,0,0,0,16-16V56A16,16,0,0,0,104,40Zm0,64H56V56h48v48Zm96-64H152a16,16,0,0,0-16,16v48a16,16,0,0,0,16,16h48a16,16,0,0,0,16-16V56A16,16,0,0,0,200,40Zm0,64H152V56h48v48Zm-96,32H56a16,16,0,0,0-16,16v48a16,16,0,0,0,16,16h48a16,16,0,0,0,16-16V152A16,16,0,0,0,104,136Zm0,64H56V152h48v48Zm96-64H152a16,16,0,0,0-16,16v48a16,16,0,0,0,16,16h48a16,16,0,0,0,16-16V152A16,16,0,0,0,200,136Zm0,64H152V152h48v48Z"></path></svg>Overview</a></div><div class="pl-4"><a href="/ag-ui-and-a2ui" class="flex items-center gap-2.5 font-jakarta text-[16px] leading-6 text-text-primary"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="currentColor" viewBox="0 0 256 256" aria-hidden="true" class="shrink-0 text-accent-purple"><path d="M116,120a12,12,0,1,1,12,12A12,12,0,0,1,116,120ZM84,132a12,12,0,1,0-12-12A12,12,0,0,0,84,132Zm88,0a12,12,0,1,0-12-12A12,12,0,0,0,172,132Zm60-76V184a16,16,0,0,1-16,16H155.57l-13.68,23.94a16,16,0,0,1-27.78,0L100.43,200H40a16,16,0,0,1-16-16V56A16,16,0,0,1,40,40H216A16,16,0,0,1,232,56Zm-16,0H40V184h65.07a8,8,0,0,1,7,4l16,28,16-28a8,8,0,0,1,7-4H216Z"></path></svg>A2UI</a></div><div class="pl-4"><a href="/mcp-apps" class="flex items-center gap-2.5 font-jakarta text-[16px] leading-6 text-text-primary"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="currentColor" viewBox="0 0 256 256" aria-hidden="true" class="shrink-0 text-accent-purple"><path d="M216,40H40A16,16,0,0,0,24,56V200a16,16,0,0,0,16,16H216a16,16,0,0,0,16-16V56A16,16,0,0,0,216,40Zm0,160H40V56H216V200ZM80,84A12,12,0,1,1,68,72,12,12,0,0,1,80,84Zm40,0a12,12,0,1,1-12-12A12,12,0,0,1,120,84Z"></path></svg>MCP Apps</a></div><div><a class="font-jakarta text-[16px] leading-6 text-text-primary" href="/ag-ui">AG-UI</a></div><div class="homepage-header_compactDuplicate__wE24u"><a href="/pricing" class="font-jakarta text-[16px] leading-6 text-text-primary">Pricing</a></div><a href="https://go.copilotkit.ai/discord-community" target="_blank" rel="noopener">Discord community</a></div><div class="border-t border-gray-200/60 pt-3 pb-6 homepage-header_mobileActions__OXC33"><a href="https://dashboard.operations.copilotkit.ai/sign-in?post_auth_redirect=ready" target="_blank" rel="noopener" class="flex h-[44px] flex-1 items-center justify-center rounded-full bg-gray-1000 px-4 font-jakarta text-sm font-semibold tracking-normal text-white normal-case transition-colors hover:bg-[#2b2b2b] focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-current active:bg-gray-800">Get Started</a></div></div></div></div></header></div><div class="hidden h-[72px] min-[1024px]:block min-[1340px]:h-[84px]"></div></div><main class="flex w-full flex-col items-center justify-center">
1<script type="application/ld+json">{"@context":"https://schema.org","@type":"Blog","name":"CopilotKit Blog","url":"https://www.copilotkit.ai/blog","image":"https://www.copilotkit.ai/images/og/generic.webp","mainEntityOfPage":{"@type":"BlogPosting","url":"https://www.copilotkit.ai/blog","headline":"CopilotKit Blog"},"publisher":{"@type":"Organization","name":"CopilotKit","url":"https://www.copilotkit.ai","logo":"https://www.copilotkit.ai/images/og/generic.webp"}}</script>
1<section class="w-full px-5 pt-7 xl:px-20 xl:pt-10" style="opacity:0;transform:translateY(20px)"><a class="mx-auto block w-full max-w-[1368px]" href="/blog/channels-sdk"><div class="flex w-full flex-col overflow-hidden rounded-xl border border-white bg-white/50 md:flex-row-reverse"><div class="relative aspect-[16/10] w-full shrink-0 overflow-hidden md:w-[45%]"><img alt="Introducing Channels SDK - Bring Any Agent to Any Channel" loading="lazy" decoding="async" data-nimg="fill" class="object-cover" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="(max-width: 768px) 100vw, 45vw" srcSet="/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F1b206c0d2d53c2942a619360d2fdc71418d54741-1600x1000.png&amp;w=384&amp;q=75 384w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F1b206c0d2d53c2942a619360d2fdc71418d54741-1600x1000.png&amp;w=640&amp;q=75 640w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F1b206c0d2d53c2942a619360d2fdc71418d54741-1600x1000.png&amp;w=750&amp;q=75 750w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F1b206c0d2d53c2942a619360d2fdc71418d54741-1600x1000.png&amp;w=828&amp;q=75 828w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F1b206c0d2d53c2942a619360d2fdc71418d54741-1600x1000.png&amp;w=1080&amp;q=75 1080w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F1b206c0d2d53c2942a619360d2fdc71418d54741-1600x1000.png&amp;w=1200&amp;q=75 1200w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F1b206c0d2d53c2942a619360d2fdc71418d54741-1600x1000.png&amp;w=1920&amp;q=75 1920w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F1b206c0d2d53c2942a619360d2fdc71418d54741-1600x1000.png&amp;w=2048&amp;q=75 2048w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F1b206c0d2d53c2942a619360d2fdc71418d54741-1600x1000.png&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F1b206c0d2d53c2942a619360d2fdc71418d54741-1600x1000.png&amp;w=3840&amp;q=75"/></div><div class="flex w-full flex-col items-start justify-center gap-3 p-6 pb-7 lg:px-8 lg:py-0"><div class="flex flex-col items-start gap-0 text-sm font-medium text-gray-800 lg:flex-row lg:items-center lg:gap-2"><span>Anmol Baranwal<!-- --> <!-- -->and Nathan Tarbert</span><div class="hidden h-1 w-1 rounded-full bg-[#838389] lg:block"></div><span>August 4, 2026</span></div><h1 class="text-2xl font-medium xl:text-[32px] xl:leading-[36px]">Introducing Channels SDK - Bring Any Agent to Any Channel</h1><p class="line-clamp-5 text-sm leading-[22px] font-medium text-gray-800">We&#x27;re introducing the Channels SDK, an open source library that brings any AG-UI agent into Slack, Microsoft Teams, and every other chat platform, from one codebase. Write your agent once and it runs natively on each channel, with generative UI, tools, MCP servers, human-in-the-loop approvals, file uploads, and memory that follows the user across channels.</p></div></div></a></section><section class="w-full px-5 pt-7 lg:pt-10 xl:px-20 xl:pt-11" style="opacity:0;transform:translateY(20px)"><div class="mx-auto w-full max-w-[1368px] rounded-xl bg-gradient-to-r from-[#BEC2FF] via-[#85ECCE] to-[#FFAC4D] p-px drop-shadow-sm"><div class="xl:px-y h-full w-full rounded-[23px] bg-[url(&#x27;/images/blog/subscribe-cta-background.webp&#x27;)] bg-[100%_100%] p-6 xl:py-10"><div class="flex h-full w-full flex-col items-center justify-between gap-4 lg:flex-row"><div class="flex flex-col items-start gap-3 lg:gap-4"><span class="text-2xl font-medium text-gray-1000 lg:text-[32px]">Subscribe to the newsletter</span><span class="text-sm font-medium text-gray-800">Get notified of the latest news and updates.</span></div><form class="flex flex-col items-start gap-1"><label for="email" class="flex h-[44px] w-full items-start justify-between rounded-full bg-white p-1 pl-5 lg:h-[60px] lg:w-[410px]"><input type="text" placeholder="Please add your email" class="mr-1 h-full w-full text-xs font-medium text-gray-800 outline-none lg:text-base" name="email"/><button type="submit" class="h-full rounded-full bg-gray-1000 p-5 py-2 font-mono text-sm text-white uppercase lg:py-4 lg:text-base">Subscribe</button></label><span class="text-md pt-4 pl-1 font-medium text-red-400"></span></form></div></div></div></section><div class="w-full px-5 pt-7 xl:px-20 xl:pt-10"><div class="mx-auto w-full max-w-[1368px]"><div class="grid-cols-[repeat(auto-fit,minmax(320px, 360px))] sm:grid-cols-[repeat(auto-fit,360px)] justify-center w-full flex-col gap-5 grid lg:grid-cols-[repeat(auto-fit,420px)] xl:gap-7"><a class="flex h-full w-full flex-col overflow-hidden rounded-lg border border-white lg:rounded-xl" href="/blog/introducing-opendots"><div class="relative aspect-[16/10] w-full shrink-0 overflow-hidden"><img alt="Introducing OpenDots: the Open-Source Alternative to OpenAI Dots" loading="lazy" decoding="async" data-nimg="fill" class="object-cover" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw" srcSet="/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F97f72077a843b846f4a5571f2aa707f93a4cd1eb-3200x2000.png&amp;w=256&amp;q=75 256w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F97f72077a843b846f4a5571f2aa707f93a4cd1eb-3200x2000.png&amp;w=384&amp;q=75 384w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F97f72077a843b846f4a5571f2aa707f93a4cd1eb-3200x2000.png&amp;w=640&amp;q=75 640w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F97f72077a843b846f4a5571f2aa707f93a4cd1eb-3200x2000.png&amp;w=750&amp;q=75 750w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F97f72077a843b846f4a5571f2aa707f93a4cd1eb-3200x2000.png&amp;w=828&amp;q=75 828w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F97f72077a843b846f4a5571f2aa707f93a4cd1eb-3200x2000.png&amp;w=1080&amp;q=75 1080w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F97f72077a843b846f4a5571f2aa707f93a4cd1eb-3200x2000.png&amp;w=1200&amp;q=75 1200w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F97f72077a843b846f4a5571f2aa707f93a4cd1eb-3200x2000.png&amp;w=1920&amp;q=75 1920w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F97f72077a843b846f4a5571f2aa707f93a4cd1eb-3200x2000.png&amp;w=2048&amp;q=75 2048w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F97f72077a843b846f4a5571f2aa707f93a4cd1eb-3200x2000.png&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F97f72077a843b846f4a5571f2aa707f93a4cd1eb-3200x2000.png&amp;w=3840&amp;q=75"/></div><div class="flex h-full flex-col gap-3 bg-white/50 p-6 pb-5 lg:pb-[30px]"><div class="flex flex-col items-start text-gray-800"><span>Anmol Baranwal<!-- --> <!-- -->and Eli Berman</span><span>October 1, 2026</span></div><span class="text-lg leading-[20px] font-medium text-gray-1000 lg:text-xl lg:leading-[24px]">Introducing OpenDots: the Open-Source Alternative to OpenAI Dots</span><span class="line-clamp-3 min-h-[66px] text-sm leading-[22px] font-medium text-gray-800">Today we&#x27;re releasing OpenDots, the open-source alternative to OpenAI Dots. Every Dot is an always-on AI coworker with its own computer. Work with your Dots in Spaces and Pages, call them, or mention them in Slack. Host it yourself, bring any agent through AG-UI and use any OpenAI-compatible model. It&#x27;s available on web and mobile.</span></div></a><a class="flex h-full w-full flex-col overflow-hidden rounded-lg border border-white lg:rounded-xl" href="/blog/ag-ui-1.0"><div class="relative aspect-[16/10] w-full shrink-0 overflow-hidden"><img alt="Introducing AG-UI 1.0: a stable spec for connecting any agent to any application" loading="lazy" decoding="async" data-nimg="fill" class="object-cover" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw" srcSet="/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F6b855ae5a6aeda4c39d24597236d935d947fade6-3200x2000.png&amp;w=256&amp;q=75 256w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F6b855ae5a6aeda4c39d24597236d935d947fade6-3200x2000.png&amp;w=384&amp;q=75 384w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F6b855ae5a6aeda4c39d24597236d935d947fade6-3200x2000.png&amp;w=640&amp;q=75 640w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F6b855ae5a6aeda4c39d24597236d935d947fade6-3200x2000.png&amp;w=750&amp;q=75 750w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F6b855ae5a6aeda4c39d24597236d935d947fade6-3200x2000.png&amp;w=828&amp;q=75 828w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F6b855ae5a6aeda4c39d24597236d935d947fade6-3200x2000.png&amp;w=1080&amp;q=75 1080w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F6b855ae5a6aeda4c39d24597236d935d947fade6-3200x2000.png&amp;w=1200&amp;q=75 1200w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F6b855ae5a6aeda4c39d24597236d935d947fade6-3200x2000.png&amp;w=1920&amp;q=75 1920w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F6b855ae5a6aeda4c39d24597236d935d947fade6-3200x2000.png&amp;w=2048&amp;q=75 2048w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F6b855ae5a6aeda4c39d24597236d935d947fade6-3200x2000.png&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F6b855ae5a6aeda4c39d24597236d935d947fade6-3200x2000.png&amp;w=3840&amp;q=75"/></div><div class="flex h-full flex-col gap-3 bg-white/50 p-6 pb-5 lg:pb-[30px]"><div class="flex flex-col items-start text-gray-800"><span>Anmol Baranwal<!-- --> <!-- -->and Eli Berman</span><span>September 30, 2026</span></div><span class="text-lg leading-[20px] font-medium text-gray-1000 lg:text-xl lg:leading-[24px]">Introducing AG-UI 1.0: a stable spec for connecting any agent to any application</span><span class="line-clamp-3 min-h-[66px] text-sm leading-[22px] font-medium text-gray-800">We&#x27;
1re releasing AG-UI 1.0, the open protocol that connects AI agents to user-facing applications, with a full specification and a JSON Schema that the TypeScript, Python and .NET SDKs are now generated from. It also adds subagents, metadata, multimodal tool results, human-in-the-loop interrupts, token usage and more, all fully backwards compatible.</span></div></a><a class="flex h-full w-full flex-col overflow-hidden rounded-lg border border-white lg:rounded-xl" href="/blog/developers-guide-to-the-ag-ui-protocol"><div class="relative aspect-[16/10] w-full shrink-0 overflow-hidden"><img alt="The Developer&#x27;s Guide to the AG-UI Protocol" loading="lazy" decoding="async" data-nimg="fill" class="object-cover" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw" srcSet="/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F511b24bb7a9b73af735d7b29c1bac8c6aceb4237-3200x2000.png&amp;w=256&amp;q=75 256w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F511b24bb7a9b73af735d7b29c1bac8c6aceb4237-3200x2000.png&amp;w=384&amp;q=75 384w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F511b24bb7a9b73af735d7b29c1bac8c6aceb4237-3200x2000.png&amp;w=640&amp;q=75 640w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F511b24bb7a9b73af735d7b29c1bac8c6aceb4237-3200x2000.png&amp;w=750&amp;q=75 750w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F511b24bb7a9b73af735d7b29c1bac8c6aceb4237-3200x2000.png&amp;w=828&amp;q=75 828w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F511b24bb7a9b73af735d7b29c1bac8c6aceb4237-3200x2000.png&amp;w=1080&amp;q=75 1080w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F511b24bb7a9b73af735d7b29c1bac8c6aceb4237-3200x2000.png&amp;w=1200&amp;q=75 1200w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F511b24bb7a9b73af735d7b29c1bac8c6aceb4237-3200x2000.png&amp;w=1920&amp;q=75 1920w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F511b24bb7a9b73af735d7b29c1bac8c6aceb4237-3200x2000.png&amp;w=2048&amp;q=75 2048w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F511b24bb7a9b73af735d7b29c1bac8c6aceb4237-3200x2000.png&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F511b24bb7a9b73af735d7b29c1bac8c6aceb4237-3200x2000.png&amp;w=3840&amp;q=75"/></div><div class="flex h-full flex-col gap-3 bg-white/50 p-6 pb-5 lg:pb-[30px]"><div class="flex flex-col items-start text-gray-800"><span>Anmol Baranwal<!-- --> </span><span>September 29, 2026</span></div><span class="text-lg leading-[20px] font-medium text-gray-1000 lg:text-xl lg:leading-[24px]">The Developer&#x27;s Guide to the AG-UI Protocol</span><span class="line-clamp-3 min-h-[66px] text-sm leading-[22px] font-medium text-gray-800">AG-UI 1.0 is here, the open protocol for connecting any agent to any app. This developer&#x27;s guide covers everything you need to know: the problem with the existing agent ecosystem, how AG-UI adds the user-facing layer that was missing, its core components, supported frameworks and SDKs, how events are encoded and decoded, all 31 events across 8 categories with examples and flows, and a real-world flight booking example. It also covers what&#x27;s new in AG-UI 1.0, like subagents, interrupts, metadata, multimodal tool results and token usage, plus capabilities and transports.</span></div></a><a class="flex h-full w-full flex-col overflow-hidden rounded-lg border border-white lg:rounded-xl" href="/blog/ag-ui-for-product-managers"><div class="relative aspect-[16/10] w-full shrink-0 overflow-hidden"><img alt="AG-UI for Product Managers: Building Agents People Can Work With" loading="lazy" decoding="async" data-nimg="fill" class="object-cover" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw" srcSet="/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F4a440c48136ff4debda2979ffcfbe5992c557328-1200x750.png&amp;w=256&amp;q=75 256w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F4a440c48136ff4debda2979ffcfbe5992c557328-1200x750.png&amp;w=384&amp;q=75 384w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F4a440c48136ff4debda2979ffcfbe5992c557328-1200x750.png&amp;w=640&amp;q=75 640w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F4a440c48136ff4debda2979ffcfbe5992c557328-1200x750.png&amp;w=750&amp;q=75 750w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F4a440c48136ff4debda2979ffcfbe5992c557328-1200x750.png&amp;w=828&amp;q=75 828w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F4a440c48136ff4debda2979ffcfbe5992c557328-1200x750.png&amp;w=1080&amp;q=75 1080w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F4a440c48136ff4debda2979ffcfbe5992c557328-1200x750.png&amp;w=1200&amp;q=75 1200w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F4a440c48136ff4debda2979ffcfbe5992c557328-1200x750.png&amp;w=1920&amp;q=75 1920w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F4a440c48136ff4debda2979ffcfbe5992c557328-1200x750.png&amp;w=2048&amp;q=75 2048w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F4a440c48136ff4debda2979ffcfbe5992c557328-1200x750.png&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F4a440c48136ff4debda2979ffcfbe5992c557328-1200x750.png&amp;w=3840&amp;q=75"/></div><div class="flex h-full flex-col gap-3 bg-white/50 p-6 pb-5 lg:pb-[30px]"><div class="flex flex-col items-start text-gray-800"><span>Sam Julien<!-- --> </span><span>September 26, 2026</span></div><span class="text-lg leading-[20px] font-medium text-gray-1000 lg:text-xl lg:leading-[24px]">AG-UI for Product Managers: Building Agents People Can Work With</span><span class="line-clamp-3 min-h-[66px] text-sm leading-[22px] font-medium text-gray-800">A practical guide to AG-UI for product managers: shared context, user control, agent interactions, and learning from real product outcomes.</span></div></a><a class="flex h-full w-full flex-col overflow-hidden rounded-lg border border-white lg:rounded-xl" href="/blog/agui-dotnet-sdk"><div class="relative aspect-[16/10] w-full shrink-0 overflow-hidden"><img alt="AG-UI Protocol now has a first-class .NET SDK" loading="lazy" decoding="async" data-nimg="fill" class="object-cover" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw" srcSet="/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F1f44a24727971eba8a05d98a29d5cc1f71848787-1600x1000.png&amp;w=256&amp;q=75 256w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F1f44a24727971eba8a05d98a29d5cc1f71848787-1600x1000.png&amp;w=384&amp;q=75 384w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F1f44a24727971eba8a05d98a29d5cc1f71848787-1600x1000.png&amp;w=640&amp;q=75 640w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F1f44a24727971eba8a05d98a29d5cc1f71848787-1600x1000.png&amp;w=750&amp;q=75 750w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F1f44a24727971eba8a05d98a29d5cc1f71848787-1600x1000.png&amp;w=828&amp;q=75 828w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F1f44a24727971eba8a05d98a29d5cc1f71848787-1600x1000.png&amp;w=1080&amp;q=75 1080w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F1f44a24727971eba8a05d98a29d5cc1f71848787-1600x1000.png&amp;w=1200&amp;q=75 1200w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F1f44a24727971eba8a05d98a29d5cc1f71848787-1600x1000.png&amp;w=1920&amp;q=75 1920w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F1f44a24727971eba8a05d98a29d5cc1f71848787-1600x1000.png&amp;w=2048&amp;q=75 2048w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F1f44a24727971eba8a05d98a29d5cc1f71848787-1600x1000.png&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F1f44a24727971eba8a05d98a29d5cc1f71848787-1600x1000.png&amp;w=3840&amp;q=75"/></div><div class="flex h-full flex-col gap-3 bg-white/50 p-6 pb-5 lg:pb-[30px]"><div class="flex flex-col items-start text-gray-800"><span>Anmol Baranwal<!-- --> <!-- -->and Eli Berman</span><span>September 25, 2026</span></div><span class="text-lg leading-[20px] font-medium text-gray-1000 lg:text-xl lg:leading-[24px]">AG-UI Protocol now has a first-class .NET SDK</span><span class="line-clamp-3 min-h-[66px] text-sm leading-[22px] font-medium text-gray-800">Microsoft just contributed a first-class .NET SDK to AG-UI, so any .NET backend can speak the protocol directly. C# support used to live only inside Microsoft Agent Framework, which now depends on these packages. The .NET SDK has reached 1.0 on NuGet alongside AG-UI 1.0, and your endpoint works with any AG-UI client, from a React app to Slack or Teams.</span></div></a><a class="flex h-full w-full flex-col overflow-hidden rounded-lg border border-white lg:rounded-xl" href="/blog/inspector-upgrades"><div class="relative aspect-[16/10] w-full shrink-0 overflow-hidden"><img alt="New and improved Inspector: DevTools for AI Agents, now with Automatic Learning" loading="lazy" decoding="async" data-nimg="fill" class="object-cover" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw" srcSet="/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fb6a6d434955b9ae00821da859dff787d95da4285-3200x2000.png&amp;w=256&amp;q=75 256w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fb6a6d434955b9ae00821da859dff787d95da4285-3200x2000.png&amp;w=384&amp;q=75 384w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fb6a6d434955b9ae00821da859dff787d95da4285-3200x2000.png&amp;w=640&amp;q=75 640w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fb6a6d434955b9ae00821da859dff787d95da4285-3200x2000.png&amp;w=750&amp;q=75 750w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fb6a6d434955b9ae00821da859dff787d95da4285-3200x2000.png&amp;w=828&amp;q=75 828w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fb6a6d434955b9ae00821da859dff787d95da4285-3200x2000.png&amp;w=1080&amp;q=75 1080w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fb6a6d434955b9ae00821da859dff787d95da4285-3200x2000.png&amp;w=1200&amp;q=75 1200w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fb6a6d434955b9ae00821da859dff787d95da4285-3200x2000.png&amp;w=1920&amp;q=75 1920w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fb6a6d434955b9ae00821da859dff787d95da4285-3200x2000.png&amp;w=2048&amp;q=75 2048w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fb6a6d434955b9ae00821da859dff787d95da4285-3200x2000.png&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fb6a6d434955b9ae00821da859dff787d95da4285-3200x2000.png&amp;w=3840&amp;q=75"/></div><div class="flex h-full flex-col gap-3 bg-white/50 p-6 pb-5 lg:pb-[30px]"><div class="flex flex-col items-start text-gray-800"><span>Anmol Baranwal<!-- --> <!-- -->and Eli Berman</span><span>September 10, 2026</span></div><span class="text-lg leading-[20px] font-medium text-gray-1000 lg:text-xl lg:leading-[24px]">New and improved Inspector: DevTools for AI Agents, now with Automatic Learning</span><span class="line-clamp-3 min-h-[66px] text-sm leading-[22px] font-medium text-gray-800">We&#x27;ve rebuilt the Inspector, DevTools for AI agents that runs inside your app. See every AG-UI event as it happens, jump straight to whatever broke, fork any saved conversation into an isolated Playground, and let your agent learn from real conversations with CopilotKit Intelligence connected. On by default in every development build, across React, Vue, and Angular.</span></div></a><a class="flex h-full w-full flex-col overflow-hidden rounded-lg border border-white lg:rounded-xl" href="/blog/connect-a-single-agent-to-three-surfaces"><div class="relative aspect-[16/10] w-full shrink-0 overflow-hidden"><img alt="Connect a single Agent to 3 surfaces: React, Slack, Teams" loading="lazy" decoding="async" data-nimg="fill" class="object-cover" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw" srcSet="/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fdb1dcea1b26a9954ae6dde685c7fa4a28ccf6d0c-1672x941.png&amp;w=256&amp;q=75 256w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fdb1dcea1b26a9954ae6dde685c7fa4a28ccf6d0c-1672x941.png&amp;w=384&amp;q=75 384w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fdb1dcea1b26a9954ae6dde685c7fa4a28ccf6d0c-1672x941.png&amp;w=640&amp;q=75 640w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fdb1dcea1b26a9954ae6dde685c7fa4a28ccf6d0c-1672x941.png&amp;w=750&amp;q=75 750w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fdb1dcea1b26a9954ae6dde685c7fa4a28ccf6d0c-1672x941.png&amp;w=828&amp;q=75 828w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fdb1dcea1b26a9954ae6dde685c7fa4a28ccf6d0c-1672x941.png&amp;w=1080&amp;q=75 1080w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fdb1dcea1b26a9954ae6dde685c7fa4a28ccf6d0c-1672x941.png&amp;w=1200&amp;q=75 1200w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fdb1dcea1b26a9954ae6dde685c7fa4a28ccf6d0c-1672x941.png&amp;w=1920&amp;q=75 1920w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fdb1dcea1b26a9954ae6dde685c7fa4a28ccf6d0c-1672x941.png&amp;w=2048&amp;q=75 2048w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fdb1dcea1b26a9954ae6dde685c7fa4a28ccf6d0c-1672x941.png&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fdb1dcea1b26a9954ae6dde685c7fa4a28ccf6d0c-1672x941.png&amp;w=3840&amp;q=75"/></div><div class="flex h-full flex-col gap-3 bg-white/50 p-6 pb-5 lg:pb-[30px]"><div class="flex flex-col items-start text-gray-800"><span>Nathan Tarbert<!-- --> </span><span>September 10, 2026</span></div><span class="text-lg leading-[20px] font-medium text-gray-1000 lg:text-xl lg:leading-[24px]">Connect a single Agent to 3 surfaces: React, Slack, Teams</span><span class="line-clamp-3 min-h-[66px] text-sm leading-[22px] font-medium text-gray-800">One agent, three front doors. See how AG-UI ships the same agent to Slack, Teams, and React — with generative UI, human in the loop, and shared state.</span></div></a><a class="flex h-full w-full flex-col overflow-hidden rounded-lg border border-white lg:rounded-xl" href="/blog/introducing-webmcp-for-copilotkit"><div class="relative aspect-[16/10] w-full shrink-0 overflow-hidden"><img alt="Introducing WebMCP for CopilotKit" loading="lazy" decoding="async" data-nimg="fill" class="object-cover" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw" srcSet="/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F
1d9d87ab82a42dffd258b0bbd94b24912e025403c-1600x1000.png&amp;w=256&amp;q=75 256w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fd9d87ab82a42dffd258b0bbd94b24912e025403c-1600x1000.png&amp;w=384&amp;q=75 384w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fd9d87ab82a42dffd258b0bbd94b24912e025403c-1600x1000.png&amp;w=640&amp;q=75 640w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fd9d87ab82a42dffd258b0bbd94b24912e025403c-1600x1000.png&amp;w=750&amp;q=75 750w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fd9d87ab82a42dffd258b0bbd94b24912e025403c-1600x1000.png&amp;w=828&amp;q=75 828w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fd9d87ab82a42dffd258b0bbd94b24912e025403c-1600x1000.png&amp;w=1080&amp;q=75 1080w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fd9d87ab82a42dffd258b0bbd94b24912e025403c-1600x1000.png&amp;w=1200&amp;q=75 1200w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fd9d87ab82a42dffd258b0bbd94b24912e025403c-1600x1000.png&amp;w=1920&amp;q=75 1920w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fd9d87ab82a42dffd258b0bbd94b24912e025403c-1600x1000.png&amp;w=2048&amp;q=75 2048w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fd9d87ab82a42dffd258b0bbd94b24912e025403c-1600x1000.png&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fd9d87ab82a42dffd258b0bbd94b24912e025403c-1600x1000.png&amp;w=3840&amp;q=75"/></div><div class="flex h-full flex-col gap-3 bg-white/50 p-6 pb-5 lg:pb-[30px]"><div class="flex flex-col items-start text-gray-800"><span>Eli Berman<!-- --> </span><span>September 3, 2026</span></div><span class="text-lg leading-[20px] font-medium text-gray-1000 lg:text-xl lg:leading-[24px]">Introducing WebMCP for CopilotKit</span><span class="line-clamp-3 min-h-[66px] text-sm leading-[22px] font-medium text-gray-800">Your frontend tools shouldn&#x27;t be locked to one copilot. WebMCP support is now live in CopilotKit: every tool you register with useFrontendTool is discoverable and callable by any WebMCP-compatible browser agent — ChatGPT Atlas, Comet, Dia, and whatever comes next. Opt-in per tool, auto-register on mount, works across React, Vue, Angular and more. Open source and requires just one line of config.</span></div></a><a class="flex h-full w-full flex-col overflow-hidden rounded-lg border border-white lg:rounded-xl" href="/blog/slack-agents-night"><div class="relative aspect-[16/10] w-full shrink-0 overflow-hidden"><img alt="Slack Agents Night: OpenTag running on the Channels SDK" loading="lazy" decoding="async" data-nimg="fill" class="object-cover" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw" srcSet="/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F9e7e52f0bfab284a060431b8037033d54a66a65a-1600x1000.png&amp;w=256&amp;q=75 256w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F9e7e52f0bfab284a060431b8037033d54a66a65a-1600x1000.png&amp;w=384&amp;q=75 384w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F9e7e52f0bfab284a060431b8037033d54a66a65a-1600x1000.png&amp;w=640&amp;q=75 640w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F9e7e52f0bfab284a060431b8037033d54a66a65a-1600x1000.png&amp;w=750&amp;q=75 750w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F9e7e52f0bfab284a060431b8037033d54a66a65a-1600x1000.png&amp;w=828&amp;q=75 828w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F9e7e52f0bfab284a060431b8037033d54a66a65a-1600x1000.png&amp;w=1080&amp;q=75 1080w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F9e7e52f0bfab284a060431b8037033d54a66a65a-1600x1000.png&amp;w=1200&amp;q=75 1200w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F9e7e52f0bfab284a060431b8037033d54a66a65a-1600x1000.png&amp;w=1920&amp;q=75 1920w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F9e7e52f0bfab284a060431b8037033d54a66a65a-1600x1000.png&amp;w=2048&amp;q=75 2048w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F9e7e52f0bfab284a060431b8037033d54a66a65a-1600x1000.png&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F9e7e52f0bfab284a060431b8037033d54a66a65a-1600x1000.png&amp;w=3840&amp;q=75"/></div><div class="flex h-full flex-col gap-3 bg-white/50 p-6 pb-5 lg:pb-[30px]"><div class="flex flex-col items-start text-gray-800"><span>Anmol Baranwal<!-- --> <!-- -->and Sofía Sánchez-Zárate</span><span>September 2, 2026</span></div><span class="text-lg leading-[20px] font-medium text-gray-1000 lg:text-xl lg:leading-[24px]">Slack Agents Night: OpenTag running on the Channels SDK</span><span class="line-clamp-3 min-h-[66px] text-sm leading-[22px] font-medium text-gray-800">We hosted Slack Agents Night with WorkOS in San Francisco, where Sofía from our team demoed Kite and OpenTag running on the Channels SDK. Kite drafted a real PR from a Slack thread, rendered native Block Kit components, and ran alongside Antigravity in the same conversation. Here&#x27;s the full recording plus a breakdown of how the Channels SDK puts any AG-UI agent into Slack and Teams.</span></div></a><a class="flex h-full w-full flex-col overflow-hidden rounded-lg border border-white lg:rounded-xl" href="/blog/openbot-updates-v0.0.5"><div class="relative aspect-[16/10] w-full shrink-0 overflow-hidden"><img alt="OpenBot passes 3,500 GitHub stars! Here&#x27;s what&#x27;s new in v0.0.5" loading="lazy" decoding="async" data-nimg="fill" class="object-cover" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw" srcSet="/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Ff34fe536c7150931dfad3c0873ce319085b5d99b-1200x900.png&amp;w=256&amp;q=75 256w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Ff34fe536c7150931dfad3c0873ce319085b5d99b-1200x900.png&amp;w=384&amp;q=75 384w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Ff34fe536c7150931dfad3c0873ce319085b5d99b-1200x900.png&amp;w=640&amp;q=75 640w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Ff34fe536c7150931dfad3c0873ce319085b5d99b-1200x900.png&amp;w=750&amp;q=75 750w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Ff34fe536c7150931dfad3c0873ce319085b5d99b-1200x900.png&amp;w=828&amp;q=75 828w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Ff34fe536c7150931dfad3c0873ce319085b5d99b-1200x900.png&amp;w=1080&amp;q=75 1080w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Ff34fe536c7150931dfad3c0873ce319085b5d99b-1200x900.png&amp;w=1200&amp;q=75 1200w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Ff34fe536c7150931dfad3c0873ce319085b5d99b-1200x900.png&amp;w=1920&amp;q=75 1920w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Ff34fe536c7150931dfad3c0873ce319085b5d99b-1200x900.png&amp;w=2048&amp;q=75 2048w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Ff34fe536c7150931dfad3c0873ce319085b5d99b-1200x900.png&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Ff34fe536c7150931dfad3c0873ce319085b5d99b-1200x900.png&amp;w=3840&amp;q=75"/></div><div class="flex h-full flex-col gap-3 bg-white/50 p-6 pb-5 lg:pb-[30px]"><div class="flex flex-col items-start text-gray-800"><span>Eli Berman<!-- --> </span><span>September 1, 2026</span></div><span class="text-lg leading-[20px] font-medium text-gray-1000 lg:text-xl lg:leading-[24px]">OpenBot passes 3,500 GitHub stars! Here&#x27;s what&#x27;s new in v0.0.5</span><span class="line-clamp-3 min-h-[66px] text-sm leading-[22px] font-medium text-gray-800">OpenBot just crossed 3,500 GitHub stars, and v0.0.5 has tons of new features. Bots can now answer from Google Drive and Notion, hand off to each other, run on a schedule, and route untagged messages on their own. You can take the wheel of a Bot&#x27;s browser mid-task, ship skills for smarter tool use, sign in with enterprise SSO, deploy via Helm on AWS, dry-run boundary rules, and lean on a wide security hardening pass. Open source and self-hostable! Check it on GitHub.</span></div></a><a class="flex h-full w-full flex-col overflow-hidden rounded-lg border border-white lg:rounded-xl" href="/blog/mastra-agui-compatible"><div class="relative aspect-[16/10] w-full shrink-0 overflow-hidden"><img alt="Mastra is now fully AG-UI compatible" loading="lazy" decoding="async" data-nimg="fill" class="object-cover" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw" srcSet="/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fa2e5c7e8ff800952837353351f271b08e71caaaa-1600x900.png&amp;w=256&amp;q=75 256w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fa2e5c7e8ff800952837353351f271b08e71caaaa-1600x900.png&amp;w=384&amp;q=75 384w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fa2e5c7e8ff800952837353351f271b08e71caaaa-1600x900.png&amp;w=640&amp;q=75 640w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fa2e5c7e8ff800952837353351f271b08e71caaaa-1600x900.png&amp;w=750&amp;q=75 750w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fa2e5c7e8ff800952837353351f271b08e71caaaa-1600x900.png&amp;w=828&amp;q=75 828w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fa2e5c7e8ff800952837353351f271b08e71caaaa-1600x900.png&amp;w=1080&amp;q=75 1080w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fa2e5c7e8ff800952837353351f271b08e71caaaa-1600x900.png&amp;w=1200&amp;q=75 1200w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fa2e5c7e8ff800952837353351f271b08e71caaaa-1600x900.png&amp;w=1920&amp;q=75 1920w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fa2e5c7e8ff800952837353351f271b08e71caaaa-1600x900.png&amp;w=2048&amp;q=75 2048w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fa2e5c7e8ff800952837353351f271b08e71caaaa-1600x900.png&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fa2e5c7e8ff800952837353351f271b08e71caaaa-1600x900.png&amp;w=3840&amp;q=75"/></div><div class="flex h-full flex-col gap-3 bg-white/50 p-6 pb-5 lg:pb-[30px]"><div class="flex flex-col items-start text-gray-800"><span>Anmol Baranwal<!-- --> <!-- -->and Nathan Tarbert</span><span>August 24, 2026</span></div><span class="text-lg leading-[20px] font-medium text-gray-1000 lg:text-xl lg:leading-[24px]">Mastra is now fully AG-UI compatible</span><span class="line-clamp-3 min-h-[66px] text-sm leading-[22px] font-medium text-gray-800">Mastra is now fully AG-UI compatible, so the entire CopilotKit feature set runs on any Mastra agent, local or remote - including generative UI, shared state that streams live, interrupts, background tasks as live activity cards, frontend tools, subagents, multimodal, voice, reasoning and more. A2UI surfaces heal themselves, and generation runs in a dedicated sub-agent. Works across React, React Native, Next.js, and Angular on the web, plus Slack, Teams, and other messaging platforms via the Channels SDK. Everything is open source.</span></div></a><a class="flex h-full w-full flex-col overflow-hidden rounded-lg border border-white lg:rounded-xl" href="/blog/react-native-your-agent-inside-your-mobile-app"><div class="relative aspect-[16/10] w-full shrink-0 overflow-hidden"><img alt="React Native: Your Agent, inside Your Mobile App" loading="lazy" decoding="async" data-nimg="fill" class="object-cover" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw" srcSet="/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F1f737f11c4a267415e4d867421c2949508bcac0f-1600x1000.png&amp;w=256&amp;q=75 256w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F1f737f11c4a267415e4d867421c2949508bcac0f-1600x1000.png&amp;w=384&amp;q=75 384w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F1f737f11c4a267415e4d867421c2949508bcac0f-1600x1000.png&amp;w=640&amp;q=75 640w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F1f737f11c4a267415e4d867421c2949508bcac0f-1600x1000.png&amp;w=750&amp;q=75 750w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F1f737f11c4a267415e4d867421c2949508bcac0f-1600x1000.png&amp;w=828&amp;q=75 828w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F1f737f11c4a267415e4d867421c2949508bcac0f-1600x1000.png&amp;w=1080&amp;q=75 1080w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F1f737f11c4a267415e4d867421c2949508bcac0f-1600x1000.png&amp;w=1200&amp;q=75 1200w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F1f737f11c4a267415e4d867421c2949508bcac0f-1600x1000.png&amp;w=1920&amp;q=75 1920w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F1f737f11c4a267415e4d867421c2949508bcac0f-1600x1000.png&amp;w=2048&amp;q=75 2048w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F1f737f11c4a267415e4d867421c2949508bcac0f-1600x1000.png&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F1f737f11c4a267415e4d867421c2949508bcac0f-1600x1000.png&amp;w=3840&amp;q=75"/></div><div class="flex h-full flex-col gap-3 bg-white/50 p-6 pb-5 lg:pb-[30px]"><div class="flex flex-col items-start text-gray-800"><span>Nathan Tarbert<!-- --> <!-- -->and Anmol Baranwal</span><span>August 19, 2026</span></div><span class="text-lg leading-[20px] font-medium text-gray-1000 lg:text-xl lg:leading-[24px]">React Native: Your Agent, inside Your Mobile App</span><span class="line-clamp-3 min-h-[66px] text-sm leading-[22px] font-medium text-gray-800">You can now bring any AG-UI agent into an iOS or Android app. The React Native SDK renders into native components instead of a webview, with the same agent, runtime, and tool protocol you already use on the web. Frontend tools run on the device next to your state and platform APIs, generative UI renders inline in the chat, and approval flows, interrupts, and threads carry over unchanged.</span></div></a><a class="flex h-full w-full flex-col overflow-hidden rounded-lg border border-white lg:rounded-xl" href="/blog/crewai-is-fully-agui-compatible"><div class="relative aspect-[16/10] w-full shrink-0 overflow-hidden"><img alt="CrewAI is now fully AG-UI compatible" loading="lazy" decoding="async" data-nimg="fill" class="object-cover" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw" srcSet="/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F46c9b78e4c9cbbff60506a8c9c00e5675476a26b-3840x2160.png&amp;w=256&amp;q=75 256w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F46c9b78e4c9cbbff60506a8c9c00e5675476a26b-3840x2160.png&amp;w=384&amp;q=75 384w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F46c9b78e4c9cbbff60506a8c9c00e5675476a26b-3840x2160.png&amp;w=640&amp;q=75 640w, /_next/image?u
1rl=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F46c9b78e4c9cbbff60506a8c9c00e5675476a26b-3840x2160.png&amp;w=750&amp;q=75 750w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F46c9b78e4c9cbbff60506a8c9c00e5675476a26b-3840x2160.png&amp;w=828&amp;q=75 828w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F46c9b78e4c9cbbff60506a8c9c00e5675476a26b-3840x2160.png&amp;w=1080&amp;q=75 1080w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F46c9b78e4c9cbbff60506a8c9c00e5675476a26b-3840x2160.png&amp;w=1200&amp;q=75 1200w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F46c9b78e4c9cbbff60506a8c9c00e5675476a26b-3840x2160.png&amp;w=1920&amp;q=75 1920w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F46c9b78e4c9cbbff60506a8c9c00e5675476a26b-3840x2160.png&amp;w=2048&amp;q=75 2048w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F46c9b78e4c9cbbff60506a8c9c00e5675476a26b-3840x2160.png&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F46c9b78e4c9cbbff60506a8c9c00e5675476a26b-3840x2160.png&amp;w=3840&amp;q=75"/></div><div class="flex h-full flex-col gap-3 bg-white/50 p-6 pb-5 lg:pb-[30px]"><div class="flex flex-col items-start text-gray-800"><span>Jerel Velarde<!-- --> <!-- -->and Eli Berman</span><span>August 18, 2026</span></div><span class="text-lg leading-[20px] font-medium text-gray-1000 lg:text-xl lg:leading-[24px]">CrewAI is now fully AG-UI compatible</span><span class="line-clamp-3 min-h-[66px] text-sm leading-[22px] font-medium text-gray-800">Here are the newest updates and resources to start building state-of-the-art frontends for any CrewAI agent. ag-ui-crewai 0.3.0 brings CrewAI to full AG-UI support: streamed reasoning, multimodal input, human-in-the-loop interrupts, thread persistence and checkpointing, multi-agent attribution, generative UI over A2UI, and full feature parity for CrewAI&#x27;s Conversational Flows.</span></div></a><a class="flex h-full w-full flex-col overflow-hidden rounded-lg border border-white lg:rounded-xl" href="/blog/aimock-deterministic-ai-testing"><div class="relative aspect-[16/10] w-full shrink-0 overflow-hidden"><img alt="aimock: Deterministic Mock Infra for AI Apps" loading="lazy" decoding="async" data-nimg="fill" class="object-cover" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw" srcSet="/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fb025520d6e3db702ba9fc92c7c0bfba5c9f08f34-1586x992.png&amp;w=256&amp;q=75 256w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fb025520d6e3db702ba9fc92c7c0bfba5c9f08f34-1586x992.png&amp;w=384&amp;q=75 384w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fb025520d6e3db702ba9fc92c7c0bfba5c9f08f34-1586x992.png&amp;w=640&amp;q=75 640w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fb025520d6e3db702ba9fc92c7c0bfba5c9f08f34-1586x992.png&amp;w=750&amp;q=75 750w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fb025520d6e3db702ba9fc92c7c0bfba5c9f08f34-1586x992.png&amp;w=828&amp;q=75 828w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fb025520d6e3db702ba9fc92c7c0bfba5c9f08f34-1586x992.png&amp;w=1080&amp;q=75 1080w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fb025520d6e3db702ba9fc92c7c0bfba5c9f08f34-1586x992.png&amp;w=1200&amp;q=75 1200w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fb025520d6e3db702ba9fc92c7c0bfba5c9f08f34-1586x992.png&amp;w=1920&amp;q=75 1920w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fb025520d6e3db702ba9fc92c7c0bfba5c9f08f34-1586x992.png&amp;w=2048&amp;q=75 2048w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fb025520d6e3db702ba9fc92c7c0bfba5c9f08f34-1586x992.png&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fb025520d6e3db702ba9fc92c7c0bfba5c9f08f34-1586x992.png&amp;w=3840&amp;q=75"/></div><div class="flex h-full flex-col gap-3 bg-white/50 p-6 pb-5 lg:pb-[30px]"><div class="flex flex-col items-start text-gray-800"><span>Eli Berman<!-- --> </span><span>August 14, 2026</span></div><span class="text-lg leading-[20px] font-medium text-gray-1000 lg:text-xl lg:leading-[24px]">aimock: Deterministic Mock Infra for AI Apps</span><span class="line-clamp-3 min-h-[66px] text-sm leading-[22px] font-medium text-gray-800">
1aimock is open-source mock infrastructure for every AI service your app talks to — LLMs, MCP tools, vector DBs, image models, TTS, and more. Write a JSON fixture, run npx aimock, point your API URL at localhost. Tests run offline in milliseconds and are completely deterministic, so zero tokens burned. Now at 1M+ weekly installs and 700+ stars, quietly powering CI at OpenClaw, TanStack, Mastra and the AG-UI protocol. From the team at CopilotKit.</span></div></a><a class="flex h-full w-full flex-col overflow-hidden rounded-lg border border-white lg:rounded-xl" href="/blog/channels-sdk-live-webinar"><div class="relative aspect-[16/10] w-full shrink-0 overflow-hidden"><img alt="Building a Production-Ready Slack Agent with Channels SDK" loading="lazy" decoding="async" data-nimg="fill" class="object-cover" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw" srcSet="/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F34a9a395a26c02302e9a1c5a5ef54ed28d4eae92-1586x992.png&amp;w=256&amp;q=75 256w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F34a9a395a26c02302e9a1c5a5ef54ed28d4eae92-1586x992.png&amp;w=384&amp;q=75 384w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F34a9a395a26c02302e9a1c5a5ef54ed28d4eae92-1586x992.png&amp;w=640&amp;q=75 640w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F34a9a395a26c02302e9a1c5a5ef54ed28d4eae92-1586x992.png&amp;w=750&amp;q=75 750w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F34a9a395a26c02302e9a1c5a5ef54ed28d4eae92-1586x992.png&amp;w=828&amp;q=75 828w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F34a9a395a26c02302e9a1c5a5ef54ed28d4eae92-1586x992.png&amp;w=1080&amp;q=75 1080w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F34a9a395a26c02302e9a1c5a5ef54ed28d4eae92-1586x992.png&amp;w=1200&amp;q=75 1200w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F34a9a395a26c02302e9a1c5a5ef54ed28d4eae92-1586x992.png&amp;w=1920&amp;q=75 1920w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F34a9a395a26c02302e9a1c5a5ef54ed28d4eae92-1586x992.png&amp;w=2048&amp;q=75 2048w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F34a9a395a26c02302e9a1c5a5ef54ed28d4eae92-1586x992.png&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F34a9a395a26c02302e9a1c5a5ef54ed28d4eae92-1586x992.png&amp;w=3840&amp;q=75"/></div><div class="flex h-full flex-col gap-3 bg-white/50 p-6 pb-5 lg:pb-[30px]"><div class="flex flex-col items-start text-gray-800"><span>Nathan Tarbert<!-- --> <!-- -->and Anmol Baranwal</span><span>August 13, 2026</span></div><span class="text-lg leading-[20px] font-medium text-gray-1000 lg:text-xl lg:leading-[24px]">Building a Production-Ready Slack Agent with Channels SDK</span><span class="line-clamp-3 min-h-[66px] text-sm leading-[22px] font-medium text-gray-800">Watch Mike Ryan (CopilotKit Engineer) build a production-ready Slack agent, using Mastra, end to end with the Channels SDK. It&#x27;s the open-source library that brings any AG-UI agent into Slack, Teams, Discord, WhatsApp, and more chat platforms. Learn how an agent goes from a message in a channel to a real response, with tools, rich native messages, and durable memory across a thread.</span></div></a><a class="flex h-full w-full flex-col overflow-hidden rounded-lg border border-white lg:rounded-xl" href="/blog/claude-managed-agents-agui-compatible"><div class="relative aspect-[16/10] w-full shrink-0 overflow-hidden"><img alt="Claude Managed Agents are now AG-UI compatible" loading="lazy" decoding="async" data-nimg="fill" class="object-cover" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw" srcSet="/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fe58add7d940b1e016b77f85cd9026b70ed0509a3-1600x900.png&amp;w=256&amp;q=75 256w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fe58add7d940b1e016b77f85cd9026b70ed0509a3-1600x900.png&amp;w=384&amp;q=75 384w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fe58add7d940b1e016b77f85cd9026b70ed0509a3-1600x900.png&amp;w=640&amp;q=75 640w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fe58add7d940b1e016b77f85cd9026b70ed0509a3-1600x900.png&amp;w=750&amp;q=75 750w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fe58add7d940b1e016b77f85cd9026b70ed0509a3-1600x900.png&amp;w=828&amp;q=75 828w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fe58add7d940b1e016b77f85cd9026b70ed0509a3-1600x900.png&amp;w=1080&amp;q=75 1080w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fe58add7d940b1e016b77f85cd9026b70ed0509a3-1600x900.png&amp;w=1200&amp;q=75 1200w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fe58add7d940b1e016b77f85cd9026b70ed0509a3-1600x900.png&amp;w=1920&amp;q=75 1920w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fe58add7d940b1e016b77f85cd9026b70ed0509a3-1600x900.png&amp;w=2048&amp;q=75 2048w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fe58add7d940b1e016b77f85cd9026b70ed0509a3-1600x900.png&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fe58add7d940b1e016b77f85cd9026b70ed0509a3-1600x900.png&amp;w=3840&amp;q=75"/></div><div class="flex h-full flex-col gap-3 bg-white/50 p-6 pb-5 lg:pb-[30px]"><div class="flex flex-col items-start text-gray-800"><span>Eli Berman<!-- --> </span><span>August 12, 2026</span></div><span class="text-lg leading-[20px] font-medium text-gray-1000 lg:text-xl lg:leading-[24px]">Claude Managed Agents are now AG-UI compatible</span><span class="line-clamp-3 min-h-[66px] text-sm leading-[22px] font-medium text-gray-800">Anthropic just shipped a full AG-UI integration for Claude Managed Agents (CMA), so you can drop a Managed Agent into any AG-UI-compatible frontend without gluing together your own transport, state sync, and UI primitives. That means React, React Native, Next.js, and Angular on the web, plus Slack, Teams, and other messaging surfaces via the Channels SDK — all with generative UI, streaming, tool calls, and stateful sessions. Everything is open source. Here&#x27;s where to start and how to ship.</span></div></a><a class="flex h-full w-full flex-col overflow-hidden rounded-lg border border-white lg:rounded-xl" href="/blog/copilotkit-for-angular"><div class="relative aspect-[16/10] w-full shrink-0 overflow-hidden"><img alt="Introducing CopilotKit for Angular" loading="lazy" decoding="async" data-nimg="fill" class="object-cover" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw" srcSet="/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fb83084e81a046877267071cb3ea1efdd32508fbc-1600x1000.png&amp;w=256&amp;q=75 256w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fb83084e81a046877267071cb3ea1efdd32508fbc-1600x1000.png&amp;w=384&amp;q=75 384w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fb83084e81a046877267071cb3ea1efdd32508fbc-1600x1000.png&amp;w=640&amp;q=75 640w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fb83084e81a046877267071cb3ea1efdd32508fbc-1600x1000.png&amp;w=750&amp;q=75 750w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fb83084e81a046877267071cb3ea1efdd32508fbc-1600x1000.png&amp;w=828&amp;q=75 828w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fb83084e81a046877267071cb3ea1efdd32508fbc-1600x1000.png&amp;w=1080&amp;q=75 1080w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fb83084e81a046877267071cb3ea1efdd32508fbc-1600x1000.png&amp;w=1200&amp;q=75 1200w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fb83084e81a046877267071cb3ea1efdd32508fbc-1600x1000.png&amp;w=1920&amp;q=75 1920w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fb83084e81a046877267071cb3ea1efdd32508fbc-1600x1000.png&amp;w=2048&amp;q=75 2048w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fb83084e81a046877267071cb3ea1efdd32508fbc-1600x1000.png&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fb83084e81a046877267071cb3ea1efdd32508fbc-1600x1000.png&amp;w=3840&amp;q=75"/></div><div class="flex h-full flex-col gap-3 bg-white/50 p-6 pb-5 lg:pb-[30px]"><div class="flex flex-col items-start text-gray-800"><span>Rainer Hahnekamp<!-- --> <!-- -->and Murat Sari</span><span>July 23, 2026</span></div><span class="text-lg leading-[20px] font-medium text-gray-1000 lg:text-xl lg:leading-[24px]">Introducing CopilotKit for Angular</span><span class="line-clamp-3 min-h-[66px] text-sm leading-[22px] font-medium text-gray-800">We&#x27;re introducing Angular support for CopilotKit. Bring any AG-UI agent into your Angular app with pre-built chat or a fully headless setup, Generative UI, shared state, human-in-the-loop and threads, all on Angular&#x27;s own patterns. Soverius AI maintains it upstream, in collaboration with CopilotKit.</span></div></a><a class="flex h-full w-full flex-col overflow-hidden rounded-lg border border-white lg:rounded-xl" href="/blog/auto-tune-stop-writing-the-prompt-train-the-model"><div class="relative aspect-[16/10] w-full shrink-0 overflow-hidden"><img alt="Auto-Tune: Stop Writing the Prompt, Train the Model" loading="lazy" decoding="async" data-nimg="fill" class="object-cover" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw" srcSet="/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F466390a1598a68a6e494c6efccaac80e882c6dce-1672x941.png&amp;w=256&amp;q=75 256w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F466390a1598a68a6e494c6efccaac80e882c6dce-1672x941.png&amp;w=384&amp;q=75 384w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F466390a1598a68a6e494c6efccaac80e882c6dce-1672x941.png&amp;w=640&amp;q=75 640w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F466390a1598a68a6e494c6efccaac80e882c6dce-1672x941.png&amp;w=750&amp;q=75 750w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F466390a1598a68a6e494c6efccaac80e882c6dce-1672x941.png&amp;w=828&amp;q=75 828w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F466390a1598a68a6e494c6efccaac80e882c6dce-1672x941.png&amp;w=1080&amp;q=75 1080w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F466390a1598a68a6e494c6efccaac80e882c6dce-1672x941.png&amp;w=1200&amp;q=75 1200w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F466390a1598a68a6e494c6efccaac80e882c6dce-1672x941.png&amp;w=1920&amp;q=75 1920w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F466390a1598a68a6e494c6efccaac80e882c6dce-1672x941.png&amp;w=2048&amp;q=75 2048w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F466390a1598a68a6e494c6efccaac80e882c6dce-1672x941.png&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F466390a1598a68a6e494c6efccaac80e882c6dce-1672x941.png&amp;w=3840&amp;q=75"/></div><div class="flex h-full flex-col gap-3 bg-white/50 p-6 pb-5 lg:pb-[30px]"><div class="flex flex-col items-start text-gray-800"><span>David McKay<!-- --> </span><span>July 20, 2026</span></div><span class="text-lg leading-[20px] font-medium text-gray-1000 lg:text-xl lg:leading-[24px]">
1Auto-Tune: Stop Writing the Prompt, Train the Model</span><span class="line-clamp-3 min-h-[66px] text-sm leading-[22px] font-medium text-gray-800">Production AI teams often rely on massive system prompts to force general-purpose models into narrow, repetitive jobs—but instruction-following degrades as those prompts grow. This post argues for “auto-tune”: a simple, continuous system that learns from production traffic, trains smaller specialist models, and routes work to the right model automatically.</span></div></a><a class="flex h-full w-full flex-col overflow-hidden rounded-lg border border-white lg:rounded-xl" href="/blog/generative-ui-on-agentcore-with-copilotkit"><div class="relative aspect-[16/10] w-full shrink-0 overflow-hidden"><img alt="Build Generative UI Agents on Amazon Bedrock AgentCore with AG-UI and CopilotKit" loading="lazy" decoding="async" data-nimg="fill" class="object-cover" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw" srcSet="/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F3b330edf0f997361759b0af0a0f93aff68c06c0b-3200x1800.png&amp;w=256&amp;q=75 256w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F3b330edf0f997361759b0af0a0f93aff68c06c0b-3200x1800.png&amp;w=384&amp;q=75 384w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F3b330edf0f997361759b0af0a0f93aff68c06c0b-3200x1800.png&amp;w=640&amp;q=75 640w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F3b330edf0f997361759b0af0a0f93aff68c06c0b-3200x1800.png&amp;w=750&amp;q=75 750w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F3b330edf0f997361759b0af0a0f93aff68c06c0b-3200x1800.png&amp;w=828&amp;q=75 828w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F3b330edf0f997361759b0af0a0f93aff68c06c0b-3200x1800.png&amp;w=1080&amp;q=75 1080w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F3b330edf0f997361759b0af0a0f93aff68c06c0b-3200x1800.png&amp;w=1200&amp;q=75 1200w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F3b330edf0f997361759b0af0a0f93aff68c06c0b-3200x1800.png&amp;w=1920&amp;q=75 1920w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F3b330edf0f997361759b0af0a0f93aff68c06c0b-3200x1800.png&amp;w=2048&amp;q=75 2048w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F3b330edf0f997361759b0af0a0f93aff68c06c0b-3200x1800.png&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F3b330edf0f997361759b0af0a0f93aff68c06c0b-3200x1800.png&amp;w=3840&amp;q=75"/></div><div class="flex h-full flex-col gap-3 bg-white/50 p-6 pb-5 lg:pb-[30px]"><div class="flex flex-col items-start text-gray-800"><span>Anmol Baranwal<!-- --> <!-- -->and Nathan Tarbert</span><span>June 30, 2026</span></div><span class="text-lg leading-[20px] font-medium text-gray-1000 lg:text-xl lg:leading-[24px]">
1Build Generative UI Agents on Amazon Bedrock AgentCore with AG-UI and CopilotKit</span><span class="line-clamp-3 min-h-[66px] text-sm leading-[22px] font-medium text-gray-800">Amazon Bedrock AgentCore now runs AG-UI agents natively, so auth, scaling, and session isolation come managed. We build one agent that renders charts inline, syncs a todo canvas both ways, and pauses for human input. Pick Strands or LangGraph at deploy time, and the same frontend runs against either.</span></div></a><a class="flex h-full w-full flex-col overflow-hidden rounded-lg border border-white lg:rounded-xl" href="/blog/the-tuesday-that-cost-twenty-two-thousand-dollars"><div class="relative aspect-[16/10] w-full shrink-0 overflow-hidden"><img alt="Switching to Fable 5: The Tuesday That Cost $22,000" loading="lazy" decoding="async" data-nimg="fill" class="object-cover" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw" srcSet="/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F8ab6ac4e8bf121d82d55ec0a455f01c0eee2334b-1586x992.png&amp;w=256&amp;q=75 256w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F8ab6ac4e8bf121d82d55ec0a455f01c0eee2334b-1586x992.png&amp;w=384&amp;q=75 384w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F8ab6ac4e8bf121d82d55ec0a455f01c0eee2334b-1586x992.png&amp;w=640&amp;q=75 640w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F8ab6ac4e8bf121d82d55ec0a455f01c0eee2334b-1586x992.png&amp;w=750&amp;q=75 750w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F8ab6ac4e8bf121d82d55ec0a455f01c0eee2334b-1586x992.png&amp;w=828&amp;q=75 828w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F8ab6ac4e8bf121d82d55ec0a455f01c0eee2334b-1586x992.png&amp;w=1080&amp;q=75 1080w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F8ab6ac4e8bf121d82d55ec0a455f01c0eee2334b-1586x992.png&amp;w=1200&amp;q=75 1200w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F8ab6ac4e8bf121d82d55ec0a455f01c0eee2334b-1586x992.png&amp;w=1920&amp;q=75 1920w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F8ab6ac4e8bf121d82d55ec0a455f01c0eee2334b-1586x992.png&amp;w=2048&amp;q=75 2048w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F8ab6ac4e8bf121d82d55ec0a455f01c0eee2334b-1586x992.png&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F8ab6ac4e8bf121d82d55ec0a455f01c0eee2334b-1586x992.png&amp;w=3840&amp;q=75"/></div><div class="flex h-full flex-col gap-3 bg-white/50 p-6 pb-5 lg:pb-[30px]"><div class="flex flex-col items-start text-gray-800"><span>Jordan Ritter<!-- --> </span><span>June 12, 2026</span></div><span class="text-lg leading-[20px] font-medium text-gray-1000 lg:text-xl lg:leading-[24px]">Switching to Fable 5: The Tuesday That Cost $22,000</span><span class="line-clamp-3 min-h-[66px] text-sm leading-[22px] font-medium text-gray-800">CopilotKit swapped their coding agents to a new model (fable-5) on a Tuesday, and by Wednesday had run up a ~$22,000 Anthropic bill. No bug or runaway script caused it — five engineers doing normal work triggered it, because the new model interpreted their English-prose behavioral rules (&quot;keep sub-agents small,&quot; &quot;converge to zero&quot;) far more loosely than older models did. The result was four simultaneous drift modes: bloated sub-agents, runaway review loops, exploding fanout, and oversized single turns.
2What kept it from being far worse was their &quot;skills&quot; system — small, named instruction packs that agents auto-load to encode team conventions. Their instrumentation caught the runaway in 12 hours instead of 12 days, isolated worktrees contained the blast radius, and the fix lived at the rules layer (swapping vague adjectives for hard numeric budgets and machine-checkable gates) rather than 
2in application code.
3The takeaway: if you let AI agents do real work, you need a guardrails layer that encodes desired behavior separately from the agents — small, composable, and faster to change than a model. Because models will change, and the team with a rules layer pays $22K and writes a blog post; the team without one pays more and writes a press release.</span></div></a><a class="flex h-full w-full flex-col overflow-hidden rounded-lg border border-white lg:rounded-xl" href="/blog/build-ai-agents-that-live-inside-your-app-copilotkit-explained"><div class="relative aspect-[16/10] w-full shrink-0 overflow-hidden"><img alt="Build AI Agents That Live Inside Your App — CopilotKit Explained" loading="lazy" decoding="async" data-nimg="fill" class="object-cover" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw" srcSet="/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F0b6dbd948b33535d8bb673b24caf157f3cee6c70-1672x941.png&amp;w=256&amp;q=75 256w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F0b6dbd948b33535d8bb673b24caf157f3cee6c70-1672x941.png&amp;w=384&amp;q=75 384w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F0b6dbd948b33535d8bb673b24caf157f3cee6c70-1672x941.png&amp;w=640&amp;q=75 640w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F0b6dbd948b33535d8bb673b24caf157f3cee6c70-1672x941.png&amp;w=750&amp;q=75 750w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F0b6dbd948b33535d8bb673b24caf157f3cee6c70-1672x941.png&amp;w=828&amp;q=75 828w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F0b6dbd948b33535d8bb673b24caf157f3cee6c70-1672x941.png&amp;w=1080&amp;q=75 1080w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F0b6dbd948b33535d8bb673b24caf157f3cee6c70-1672x941.png&amp;w=1200&amp;q=75 1200w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F0b6dbd948b33535d8bb673b24caf157f3cee6c70-1672x941.png&amp;w=1920&amp;q=75 1920w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F0b6dbd948b33535d8bb673b24caf157f3cee6c70-1672x941.png&amp;w=2048&amp;q=75 2048w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F0b6dbd948b33535d8bb673b24caf157f3cee6c70-1672x941.png&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F0b6dbd948b33535d8bb673b24caf157f3cee6c70-1672x941.png&amp;w=3840&amp;q=75"/></div><div class="flex h-full flex-col gap-3 bg-white/50 p-6 pb-5 lg:pb-[30px]"><div class="flex flex-col items-start text-gray-800"><span>Nathan Tarbert<!-- --> </span><span>June 12, 2026</span></div><span class="text-lg leading-[20px] font-medium text-gray-1000 lg:text-xl lg:leading-[24px]">Build AI Agents That Live Inside Your App — CopilotKit Explained</span><span class="line-clamp-3 min-h-[66px] text-sm leading-[22px] font-medium text-gray-800">CopilotKit is a complete set of building blocks for developers and teams who want to add agents to their app and assemble, debug, and ship the interface layer between their agents and users. It&#x27;s also framework-agnostic and supports any LLM and every popular agent framework. There are two options for chat. Pre-built components, if you want something already built or Headless UI, which allows anyone to build custom agent interfaces. </span></div></a><a class="flex h-full w-full flex-col overflow-hidden rounded-lg border border-white lg:rounded-xl" href="/blog/frontend-stack-for-ai-agents"><div class="relative aspect-[16/10] w-full shrink-0 overflow-hidden"><img alt="CopilotKit - The Complete Frontend Stack for AI Agents" loading="lazy" decoding="async" data-nimg="fill" class="object-cover" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw" srcSet="/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fe99d5b7e036733b45ecbe786d8ecb479259e03bb-1500x900.png&amp;w=256&amp;q=75 256w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fe99d5b7e036733b45ecbe786d8ecb479259e03bb-1500x900.png&amp;w=384&amp;q=75 384w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fe99d5b7e036733b45ecbe786d8ecb479259e03bb-1500x900.png&amp;w=640&amp;q=75 640w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fe99d5b7e036733b45ecbe786d8ecb479259e03bb-1500x900.png&amp;w=750&amp;q=75 750w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fe99d5b7e036733b45ecbe786d8ecb479259e03bb-1500x900.png&amp;w=828&amp;q=75 828w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fe99d5b7e036733b45ecbe786d8ecb479259e03bb-1500x900.png&amp;w=1080&amp;q=75 1080w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fe99d5b7e036733b45ecbe786d8ecb479259e03bb-1500x900.png&amp;w=1200&amp;q=75 1200w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fe99d5b7e036733b45ecbe786d8ecb479259e03bb-1500x900.png&amp;w=1920&amp;q=75 1920w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fe99d5b7e036733b45ecbe786d8ecb479259e03bb-1500x900.png&amp;w=2048&amp;q=75 2048w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fe99d5b7e036733b45ecbe786d8ecb479259e03bb-1500x900.png&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fe99d5b7e036733b45ecbe786d8ecb479259e03bb-1500x900.png&amp;w=3840&amp;q=75"/></div><div class="flex h-full flex-col gap-3 bg-white/50 p-6 pb-5 lg:pb-[30px]"><div class="flex flex-col items-start text-gray-800"><span>Anmol Baranwal<!-- --> <!-- -->and Nathan Tarbert</span><span>May 20, 2026</span></div><span class="text-lg leading-[20px] font-medium text-gray-1000 lg:text-xl lg:leading-[24px]">CopilotKit - The Complete Frontend Stack for AI Agents</span><span class="line-clamp-3 min-h-[66px] text-sm leading-[22px] font-medium text-gray-800">Copilotkit is the open source frontend stack for AI agents. Learn about architecture, chat components, hooks, generative UI, persistent memory, debugging tools, and 13+ agent framework integrations for building Agentic UIs.</span></div></a><a class="flex h-full w-full flex-col overflow-hidden rounded-lg border border-white lg:rounded-xl" href="/blog/tanstack-supply-chain-attack-and-how-to-lock-down-github-actions"><div class="relative aspect-[16/10] w-full shrink-0 overflow-hidden"><img alt="TanStack Supply Chain Attack and How to Lock Down GitHub Actions" loading="lazy" decoding="async" data-nimg="fill" class="object-cover" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw" srcSet="/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F0bdc885514723ce15b44fbd4698517b686a08d3f-1600x900.png&amp;w=256&amp;q=75 256w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F0bdc885514723ce15b44fbd4698517b686a08d3f-1600x900.png&amp;w=384&amp;q=75 384w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F0bdc885514723ce15b44fbd4698517b686a08d3f-1600x900.png&amp;w=640&amp;q=75 640w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F0bdc885514723ce15b44fbd4698517b686a08d3f-1600x900.png&amp;w=750&amp;q=75 750w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F0bdc885514723ce15b44fbd4698517b686a08d3f-1600x900.png&amp;w=828&amp;q=75 828w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F0bdc885514723ce15b44fbd4698517b686a08d3f-1600x900.png&amp;w=1080&amp;q=75 1080w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F0bdc885514723ce15b44fbd4698517b686a08d3f-1600x900.png&amp;w=1200&amp;q=75 1200w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F0bdc885514723ce15b44fbd4698517b686a08d3f-1600x900.png&amp;w=1920&amp;q=75 1920w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F0bdc885514723ce15b44fbd4698517b686a08d3f-1600x900.png&amp;w=2048&amp;q=75 2048w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F0bdc885514723ce15b44fbd4698517b686a08d3f-1600x900.png&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F0bdc885514723ce15b44fbd4698517b686a08d3f-1600x900.png&amp;w=3840&amp;q=75"/></div><div class="flex h-full flex-col gap-3 bg-white/50 p-6 pb-5 lg:pb-[30px]"><div class="flex flex-col items-start text-gray-800"><span>Jordan Ritter<!-- --> </span><span>May 18, 2026</span></div><span class="text-lg leading-[20px] font-medium text-gray-1000 lg:text-xl lg:leading-[24px]">TanStack Supply Chain Attack and How to Lock Down GitHub Actions</span><span class="line-clamp-3 min-h-[66px] text-sm leading-[22px] font-medium text-gray-800">How TanStack got hit through GitHub Actions, the 8 vulnerabilities we found auditing 20 repos the next day, and the playbook we used to fix them all in 4 days.</span></div></a><a class="flex h-full w-full flex-col overflow-hidden rounded-lg border border-white lg:rounded-xl" href="/blog/copilotkit-enterprise-intelligence-platform"><div class="relative aspect-[16/10] w-full shrink-0 overflow-hidden"><img alt="CopilotKit Enterprise Intelligence Platform: The Persistence Layer for Agentic Applications" loading="lazy" decoding="async" data-nimg="fill" class="object-cover" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw" srcSet="/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F357163fa0953cfa35288c898fffea538de248f88-3200x1800.png&amp;w=256&amp;q=75 256w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F357163fa0953cfa35288c898fffea538de248f88-3200x1800.png&amp;w=384&amp;q=75 384w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F357163fa0953cfa35288c898fffea538de248f88-3200x1800.png&amp;w=640&amp;q=75 640w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F357163fa0953cfa35288c898fffea538de248f88-3200x1800.png&amp;w=750&amp;q=75 750w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F357163fa0953cfa35288c898fffea538de248f88-3200x1800.png&amp;w=828&amp;q=75 828w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F357163fa0953cfa35288c898fffea538de248f88-3200x1800.png&amp;w=1080&amp;q=75 1080w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F357163fa0953cfa35288c898fffea538de248f88-3200x1800.png&amp;w=1200&amp;q=75 1200w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F357163fa0953cfa35288c898fffea538de248f88-3200x1800.png&amp;w=1920&amp;q=75 1920w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F357163fa0953cfa35288c898fffea538de248f88-3200x1800.png&amp;w=2048&amp;q=75 2048w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F357163fa0953cfa35288c898fffea538de248f88-3200x1800.png&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F357163fa0953cfa35288c898fffea538de248f88-3200x1800.png&amp;w=3840&amp;q=75"/></div><div class="flex h-full flex-col gap-3 bg-white/50 p-6 pb-5 lg:pb-[30px]"><div class="flex flex-col items-start text-gray-800"><span>Anmol Baranwal<!-- --> <!-- -->and Nathan Tarbert</span><span>May 14, 2026</span></div><span class="text-lg leading-[20px] font-medium text-gray-1000 lg:text-xl lg:leading-[24px]">CopilotKit Enterprise Intelligence Platform: The Persistence Layer for Agentic Applications</span><span class="line-clamp-3 min-h-[66px] text-sm leading-[22px] font-medium text-gray-800">The CopilotKit Enterprise Intelligence Platform brings persistent memory to agent apps across sessions and devices, with continuous learning from real usage.</span></div></a><a class="flex h-full w-full flex-col overflow-hidden rounded-lg border border-white lg:rounded-xl" href="/blog/build-a-multi-agent-telecom-support-system-with-copilotkit-and-langgraph"><div class="relative aspect-[16/10] w-full shrink-0 overflow-hidden"><img alt="Build a Multi-Agent Telecom Support System with CopilotKit &amp; LangGraph" loading="lazy" decoding="async" data-nimg="fill" class="object-cover" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw" srcSet="/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fbc2f1d1050ff555c21c8bcc601bb81297e743de8-1600x900.png&amp;w=256&amp;q=75 256w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fbc2f1d1050ff555c21c8bcc601bb81297e743de8-1600x900.png&amp;w=384&amp;q=75 384w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fbc2f1d1050ff555c21c8bcc601bb81297e743de8-1600x900.png&amp;w=640&amp;q=75 640w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fbc2f1d1050ff555c21c8bcc601bb81297e743de8-1600x900.png&amp;w=750&amp;q=75 750w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fbc2f1d1050ff555c21c8bcc601bb81297e743de8-1600x900.png&amp;w=828&amp;q=75 828w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fbc2f1d1050ff555c21c8bcc601bb81297e743de8-1600x900.png&amp;w=1080&amp;q=75 1080w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fbc2f1d1050ff555c21c8bcc601bb81297e743de8-1600x900.png&amp;w=1200&amp;q=75 1200w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fbc2f1d1050ff555c21c8bcc601bb81297e743de8-1600x900.png&amp;w=1920&amp;q=75 1920w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fbc2f1d1050ff555c21c8bcc601bb81297e743de8-1600x900.png&amp;w=2048&amp;q=75 2048w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fbc2f1d1050ff555c21c8bcc601bb81297e743de8-1600x900.png&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fbc2f1d1050ff555c21c8bcc601bb81297e743de8-1600x900.png&amp;w=3840&amp;q=75"/></div><div class="flex h-full flex-col gap-3 bg-white/50 p-6 pb-5 lg:pb-[30px]"><div class="flex flex-col items-start text-gray-800"><span>Nathan Tarbert<!-- --> </span><span>April 24, 2026</span></div><span class="text-lg leading-[20px] font-medium text-gray-1000 lg:text-xl lg:leading-[24px]">Build a Multi-Agent Telecom Support System with CopilotKit &amp; LangGraph</span><span class="line-clamp-3 min-h-[66px] text-sm leading-[22px] font-medium text-gray-800">In this tutorial, we’ll build a multi-agent support system using CopilotKit and LangGraph. In this system, different agents coordinate to resolve customer queries.</span></div></a><a class="flex h-full w-full flex-col overflow-hidden rounded-lg border border-white lg:rounded-xl" href="/blog/generative-ui-explained-how-agents-now-s
3hip-their-own-interfaces"><div class="relative aspect-[16/10] w-full shrink-0 overflow-hidden"><img alt="Generative UI Spectrum: How Agents Now Ship Their Own Interfaces" loading="lazy" decoding="async" data-nimg="fill" class="object-cover" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw" srcSet="/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F5862060b336c4d6eae6f834ab4b973ba108f7daa-3200x1800.png&amp;w=256&amp;q=75 256w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F5862060b336c4d6eae6f834ab4b973ba108f7daa-3200x1800.png&amp;w=384&amp;q=75 384w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F5862060b336c4d6eae6f834ab4b973ba108f7daa-3200x1800.png&amp;w=640&amp;q=75 640w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F5862060b336c4d6eae6f834ab4b973ba108f7daa-3200x1800.png&amp;w=750&amp;q=75 750w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F5862060b336c4d6eae6f834ab4b973ba108f7daa-3200x1800.png&amp;w=828&amp;q=75 828w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F5862060b336c4d6eae6f834ab4b973ba108f7daa-3200x1800.png&amp;w=1080&amp;q=75 1080w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F5862060b336c4d6eae6f834ab4b973ba108f7daa-3200x1800.png&amp;w=1200&amp;q=75 1200w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F5862060b336c4d6eae6f834ab4b973ba108f7daa-3200x1800.png&amp;w=1920&amp;q=75 1920w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F5862060b336c4d6eae6f834ab4b973ba108f7daa-3200x1800.png&amp;w=2048&amp;q=75 2048w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F5862060b336c4d6eae6f834ab4b973ba108f7daa-3200x1800.png&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F5862060b336c4d6eae6f834ab4b973ba108f7daa-3200x1800.png&amp;w=3840&amp;q=75"/></div><div class="flex h-full flex-col gap-3 bg-white/50 p-6 pb-5 lg:pb-[30px]"><div class="flex flex-col items-start text-gray-800"><span>Anmol Baranwal<!-- --> <!-- -->and Tyler Slaton</span><span>April 23, 2026</span></div><span class="text-lg leading-[20px] font-medium text-gray-1000 lg:text-xl lg:leading-[24px]">Generative UI Spectrum: How Agents Now Ship Their Own Interfaces</span><span class="line-clamp-3 min-h-[66px] text-sm leading-[22px] font-medium text-gray-800">The interface used to ship with the app. Now it ships with the agent. A walkthrough of the Generative UI spectrum (controlled, declarative, open-ended), the AG-UI protocol underneath, and the shared agent state that makes it all work.</span></div></a><a class="flex h-full w-full flex-col overflow-hidden rounded-lg border border-white lg:rounded-xl" href="/blog/a2ui-whats-new-in-google-generative-ui-spec"><div class="relative aspect-[16/10] w-full shrink-0 overflow-hidden"><img alt="A2UI v0.9: What&#x27;s New in Google&#x27;s Generative UI Spec" loading="lazy" decoding="async" data-nimg="fill" class="object-cover" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw" srcSet="/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F7e20bf5052667d28787095600dd64dc64ae035f7-1600x900.png&amp;w=256&amp;q=75 256w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F7e20bf5052667d28787095600dd64dc64ae035f7-1600x900.png&amp;w=384&amp;q=75 384w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F7e20bf5052667d28787095600dd64dc64ae035f7-1600x900.png&amp;w=640&amp;q=75 640w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F7e20bf5052667d28787095600dd64dc64ae035f7-1600x900.png&amp;w=750&amp;q=75 750w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F7e20bf5052667d28787095600dd64dc64ae035f7-1600x900.png&amp;w=828&amp;q=75 828w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F7e20bf5052667d28787095600dd64dc64ae035f7-1600x900.png&amp;w=1080&amp;q=75 1080w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F7e20bf5052667d28787095600dd64dc64ae035f7-1600x900.png&amp;w=1200&amp;q=75 1200w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F7e20bf5052667d28787095600dd64dc64ae035f7-1600x900.png&amp;w=1920&amp;q=75 1920w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F7e20bf5052667d28787095600dd64dc64ae035f7-1600x900.png&amp;w=2048&amp;q=75 2048w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F7e20bf5052667d28787095600dd64dc64ae035f7-1600x900.png&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F7e20bf5052667d28787095600dd64dc64ae035f7-1600x900.png&amp;w=3840&amp;q=75"/></div><div class="flex h-full flex-col gap-3 bg-white/50 p-6 pb-5 lg:pb-[30px]"><div class="flex flex-col items-start text-gray-800"><span>Anmol Baranwal<!-- --> <!-- -->and Nathan Tarbert</span><span>April 17, 2026</span></div><span class="text-lg leading-[20px] font-medium text-gray-1000 lg:text-xl lg:leading-[24px]">A2UI v0.9: What&#x27;s New in Google&#x27;s Generative UI Spec</span><span class="line-clamp-3 min-h-[66px] text-sm leading-[22px] font-medium text-gray-800">Google launched A2UI v0.9, their open protocol for Generative UI. It ships prompt-first generation, bidirectional messaging, modular schemas, and a new Agent SDK. Here&#x27;s what changed, how to wire any agent in 5 steps, and how to use it with any agent framework via AG-UI Protocol.</span></div></a><a class="flex h-full w-full flex-col overflow-hidden rounded-lg border border-white lg:rounded-xl" href="/blog/join-copilotKit-at-google-cloud-next-2026"><div class="relative aspect-[16/10] w-full shrink-0 overflow-hidden"><img alt="Join CopilotKit at Google Cloud Next 2026" loading="lazy" decoding="async" data-nimg="fill" class="object-cover" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw" srcSet="/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F6e395c189254633981c914b82c05844cdbdac58e-3200x1800.png&amp;w=256&amp;q=75 256w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F6e395c189254633981c914b82c05844cdbdac58e-3200x1800.png&amp;w=384&amp;q=75 384w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F6e395c189254633981c914b82c05844cdbdac58e-3200x1800.png&amp;w=640&amp;q=75 640w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F6e395c189254633981c914b82c05844cdbdac58e-3200x1800.png&amp;w=750&amp;q=75 750w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F6e395c189254633981c914b82c05844cdbdac58e-3200x1800.png&amp;w=828&amp;q=75 828w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F6e395c189254633981c914b82c05844cdbdac58e-3200x1800.png&amp;w=1080&amp;q=75 1080w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F6e395c189254633981c914b82c05844cdbdac58e-3200x1800.png&amp;w=1200&amp;q=75 1200w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F6e395c189254633981c914b82c05844cdbdac58e-3200x1800.png&amp;w=1920&amp;q=75 1920w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F6e395c189254633981c914b82c05844cdbdac58e-3200x1800.png&amp;w=2048&amp;q=75 2048w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F6e395c189254633981c914b82c05844cdbdac58e-3200x1800.png&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F6e395c189254633981c914b82c05844cdbdac58e-3200x1800.png&amp;w=3840&amp;q=75"/></div><div class="flex h-full flex-col gap-3 bg-white/50 p-6 pb-5 lg:pb-[30px]"><div class="flex flex-col items-start text-gray-800"><span>Eli Berman<!-- --> </span><span>April 10, 2026</span></div><span class="text-lg leading-[20px] font-medium text-gray-1000 lg:text-xl lg:leading-[24px]">Join CopilotKit at Google Cloud Next 2026</span><span class="line-clamp-3 min-h-[66px] text-sm leading-[22px] font-medium text-gray-800">We’ll be at Google Cloud Next 2026 in Las Vegas!
4
5Google Cloud Next is the biggest cloud event of the year, and CopilotKit is showing up in a big way. CEO Atai Barkai has been invited to the stage in an official session with Google Cloud, we&#x27;re co-presenting one of the best sideline events of the week, and our team will be on the ground meeting with developers and companies building the next generation of AI-native applications.</span></div></a><a class="flex h-full w-full flex-col overflow-hidden rounded-lg border border-white lg:rounded-xl" href="/blog/aimock-one-tool-to-mock-your-entire-ai-stack"><div class="relative aspect-[16/10] w-full shrink-0 overflow-hidden"><img alt="AIMock: One Mock Server For Your Entire AI Stack" loading="lazy" decoding="async" data-nimg="fill" class="object-cover" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw" srcSet="/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F4b9ad941c061a030ae723c3e6a5526254466c45a-3200x1800.png&amp;w=256&amp;q=75 256w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F4b9ad941c061a030ae723c3e6a5526254466c45a-3200x1800.png&amp;w=384&amp;q=75 384w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F4b9ad941c061a030ae723c3e6a5526254466c45a-3200x1800.png&amp;w=640&amp;q=75 640w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F4b9ad941c061a030ae723c3e6a5526254466c45a-3200x1800.png&amp;w=750&amp;q=75 750w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F4b9ad941c061a030ae723c3e6a5526254466c45a-3200x1800.png&amp;w=828&amp;q=75 828w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F4b9ad941c061a030ae723c3e6a5526254466c45a-3200x1800.png&amp;w=1080&amp;q=75 1080w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F4b9ad941c061a030ae723c3e6a5526254466c45a-3200x1800.png&amp;w=1200&amp;q=75 1200w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F4b9ad941c061a030ae723c3e6a5526254466c45a-3200x1800.png&amp;w=1920&amp;q=75 1920w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F4b9ad941c061a030ae723c3e6a5526254466c45a-3200x1800.png&amp;w=2048&amp;q=75 2048w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F4b9ad941c061a030ae723c3e6a5526254466c45a-3200x1800.png&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F4b9ad941c061a030ae723c3e6a5526254466c45a-3200x1800.png&amp;w=3840&amp;q=75"/></div><div class="flex h-full flex-col gap-3 bg-white/50 p-6 pb-5 lg:pb-[30px]"><div class="flex flex-col items-start text-gray-800"><span>Anmol Baranwal<!-- --> <!-- -->and Nathan Tarbert</span><span>April 9, 2026</span></div><span class="text-lg leading-[20px] font-medium text-gray-1000 lg:text-xl lg:leading-[24px]">AIMock: One Mock Server For Your Entire AI Stack</span><span class="line-clamp-3 min-h-[66px] text-sm leading-[22px] font-medium text-gray-800">AIMock mocks your entire agentic stack from one config file: LLMs, MCP tools, A2A agents, vector databases, search, rerank, and moderation. Record real API responses as fixtures, detect provider changes daily before they reach production, and inject failures to prove your app handles them. Zero dependencies. Open Source.</span></div></a><a class="flex h-full w-full flex-col overflow-hidden rounded-lg border border-white lg:rounded-xl" href="/blog/aws-announces-dedicated-ag-ui-endpoint-in-agentcore-and-fast-template-for-building-fullstack-agents"><div class="relative aspect-[16/10] w-full shrink-0 overflow-hidden">
5<img alt="AWS Announces Dedicated AG-UI Endpoint in AgentCore and FAST Template for Building Fullstack Agents" loading="lazy" decoding="async" data-nimg="fill" class="object-cover" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw" srcSet="/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F1e4f8d388ffce8b95b1b2dbf477f141ac039d97b-1920x1080.png&amp;w=256&amp;q=75 256w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F1e4f8d388ffce8b95b1b2dbf477f141ac039d97b-1920x1080.png&amp;w=384&amp;q=75 384w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F1e4f8d388ffce8b95b1b2dbf477f141ac039d97b-1920x1080.png&amp;w=640&amp;q=75 640w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F1e4f8d388ffce8b95b1b2dbf477f141ac039d97b-1920x1080.png&amp;w=750&amp;q=75 750w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F1e4f8d388ffce8b95b1b2dbf477f141ac039d97b-1920x1080.png&amp;w=828&amp;q=75 828w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F1e4f8d388ffce8b95b1b2dbf477f141ac039d97b-1920x1080.png&amp;w=1080&amp;q=75 1080w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F1e4f8d388ffce8b95b1b2dbf477f141ac039d97b-1920x1080.png&amp;w=1200&amp;q=75 1200w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F1e4f8d388ffce8b95b1b2dbf477f141ac039d97b-1920x1080.png&amp;w=1920&amp;q=75 1920w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F1e4f8d388ffce8b95b1b2dbf477f141ac039d97b-1920x1080.png&amp;w=2048&amp;q=75 2048w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F1e4f8d388ffce8b95b1b2dbf477f141ac039d97b-1920x1080.png&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F1e4f8d388ffce8b95b1b2dbf477f141ac039d97b-1920x1080.png&amp;w=3840&amp;q=75"/></div><div class="flex h-full flex-col gap-3 bg-white/50 p-6 pb-5 lg:pb-[30px]"><div class="flex flex-col items-start text-gray-800"><span>Anmol Baranwal<!-- --> <!-- -->and Nathan Tarbert</span><span>March 24, 2026</span></div><span class="text-lg leading-[20px] font-medium text-gray-1000 lg:text-xl lg:leading-[24px]">AWS Announces Dedicated AG-UI Endpoint in AgentCore and FAST Template for Building Fullstack Agents</span><span class="line-clamp-3 min-h-[66px] text-sm leading-[22px] font-medium text-gray-800">AWS and CopilotKit release a dedicated AG-UI endpoint in AgentCore and a new FAST template pattern with Generative UI, shared state, and human-in-the-loop flows out of the box.</span></div></a><a class="flex h-full w-full flex-col overflow-hidden rounded-lg border border-white lg:rounded-xl" href="/blog/reusable-agents-meet-generative-uis"><div class="relative aspect-[16/10] w-full shrink-0 overflow-hidden"><img alt="Reusable Agents Meet Generative UIs" loading="lazy" decoding="async" data-nimg="fill" class="object-cover" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw" srcSet="/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F30ffc80380890b29471a8fcbc7f7f7939ca0c3eb-1000x400.png&amp;w=256&amp;q=75 256w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F30ffc80380890b29471a8fcbc7f7f7939ca0c3eb-1000x400.png&amp;w=384&amp;q=75 384w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F30ffc80380890b29471a8fcbc7f7f7939ca0c3eb-1000x400.png&amp;w=640&amp;q=75 640w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F30ffc80380890b29471a8fcbc7f7f7939ca0c3eb-1000x400.png&amp;w=750&amp;q=75 750w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F30ffc80380890b29471a8fcbc7f7f7939ca0c3eb-1000x400.png&amp;w=828&amp;q=75 828w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F30ffc80380890b29471a8fcbc7f7f7939ca0c3eb-1000x400.png&amp;w=1080&amp;q=75 1080w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F30ffc80380890b29471a8fcbc7f7f7939ca0c3eb-1000x400.png&amp;w=1200&amp;q=75 1200w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F30ffc80380890b29471a8fcbc7f7f7939ca0c3eb-1000x400.png&amp;w=1920&amp;q=75 1920w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F30ffc80380890b29471a8fcbc7f7f7939ca0c3eb-1000x400.png&amp;w=2048&amp;q=75 2048w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F30ffc80380890b29471a8fcbc7f7f7939ca0c3eb-1000x400.png&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F30ffc80380890b29471a8fcbc7f7f7939ca0c3eb-1000x400.png&amp;w=3840&amp;q=75"/></div><div class="flex h-full flex-col gap-3 bg-white/50 p-6 pb-5 lg:pb-[30px]"><div class="flex flex-col items-start text-gray-800"><span>Anmol Baranwal<!-- --> <!-- -->and Nathan Tarbert</span><span>March 12, 2026</span></div><span class="text-lg leading-[20px] font-medium text-gray-1000 lg:text-xl lg:leading-[24px]">Reusable Agents Meet Generative UIs</span><span class="line-clamp-3 min-h-[66px] text-sm leading-[22px] font-medium text-gray-800">Oracle, Google, and CopilotKit have jointly released an integration that standardizes how AI agents are defined, how they communicate with frontends in real time, and how they describe the UI they require.
6
7The integration connects three distinct layers. Oracle&#x27;s Open Agent Specification (Agent Spec) provides a framework-agnostic way to define agent logic, workflows, and tool usage once and run it across compatible runtimes. AG-UI handles the live interaction stream between the agent and the frontend, keeping tool progress, state updates, and user interactions synchronized while the agent is executing. 
8
9A2UI, developed by Google, allows agents to describe the UI they need - forms, tables, multi-step flows - as 
9structured JSONL, which CopilotKit then renders automatically inside the host application.
10
11Previously, each of these layers required custom implementation per project. This release establishes a shared contract across all three, meaning agent developers can define the agent once, expose a standardized interaction stream, and have the frontend render structured UI surfaces without writing custom wiring for each tool or workflow.
12
13The practical impact is reduced integration friction across the ecosystem - agent runtimes and frontend clients that implement these standards can interoperate without lock-in to a specific framework or vendor.</span></div></a><a class="flex h-full w-full flex-col overflow-hidden rounded-lg border border-white lg:rounded-xl" href="/blog/the-developer-s-guide-to-generative-ui-in-2026"><div class="relative aspect-[16/10] w-full shrink-0 overflow-hidden"><img alt="The Developer&#x27;s Guide to Generative UI in 2026" loading="lazy" decoding="async" data-nimg="fill" class="object-cover" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw" srcSet="/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fff99f879000b0a01c7cb24e74cc43825036eff9a-3200x1800.png&amp;w=256&amp;q=75 256w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fff99f879000b0a01c7cb24e74cc43825036eff9a-3200x1800.png&amp;w=384&amp;q=75 384w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fff99f879000b0a01c7cb24e74cc43825036eff9a-3200x1800.png&amp;w=640&amp;q=75 640w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fff99f879000b0a01c7cb24e74cc43825036eff9a-3200x1800.png&amp;w=750&amp;q=75 750w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fff99f879000b0a01c7cb24e74cc43825036eff9a-3200x1800.png&amp;w=828&amp;q=75 828w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fff99f879000b0a01c7cb24e74cc43825036eff9a-3200x1800.png&amp;w=1080&amp;q=75 1080w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fff99f879000b0a01c7cb24e74cc43825036eff9a-3200x1800.png&amp;w=1200&amp;q=75 1200w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fff99f879000b0a01c7cb24e74cc43825036eff9a-3200x1800.png&amp;w=1920&amp;q=75 1920w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fff99f879000b0a01c7cb24e74cc43825036eff9a-3200x1800.png&amp;w=2048&amp;q=75 2048w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fff99f879000b0a01c7cb24e74cc43825036eff9a-3200x1800.png&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fff99f879000b0a01c7cb24e74cc43825036eff9a-3200x1800.png&amp;w=3840&amp;q=75"/></div><div class="flex h-full flex-col gap-3 bg-white/50 p-6 pb-5 lg:pb-[30px]"><div class="flex flex-col items-start text-gray-800"><span>Anmol Baranwal<!-- --> <!-- -->and Nathan Tarbert</span><span>January 29, 2026</span></div><span class="text-lg leading-[20px] font-medium text-gray-1000 lg:text-xl lg:leading-[24px]">The Developer&#x27;s Guide to Generative UI in 2026</span><span class="line-clamp-3 min-h-[66px] text-sm leading-[22px] font-medium text-gray-800">AI agents have become much better at reasoning and planning. The UI layer has mostly stayed the same, and it is holding back the experience.
14
15Most agent experiences still rely on chat, even when the task clearly needs forms, previews, controls, or step-by-step feedback.
16
17Generative UI is the idea that allows agents to influence the interface at runtime, so the UI can change as context changes. This is usually done through UI specs like A2UI, Open-JSON-UI, or MCP Apps.
18
19We&#x27;ll break down Generative UI, the three practical patterns, and how CopilotKit supports them (using AG-UI protocol under the hood).</span></div></a><a class="flex h-full w-full flex-col overflow-hidden rounded-lg border border-white lg:rounded-xl" href="/blog/bring-mcp-apps-into-your-own-app-with-copilotkit-and-ag-ui"><div class="relative aspect-[16/10] w-full shrink-0 overflow-hidden"><img alt="Bring MCP Apps into your OWN app with CopilotKit &amp; AG-UI" loading="lazy" decoding="async" data-nimg="fill" class="object-cover" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw" srcSet="/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F0a62664940d6f1fda283c99238eaadb5760ca642-1600x900.png&amp;w=256&amp;q=75 256w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F0a62664940d6f1fda283c99238eaadb5760ca642-1600x900.png&amp;w=384&amp;q=75 384w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F0a62664940d6f1fda283c99238eaadb5760ca642-1600x900.png&amp;w=640&amp;q=75 640w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F0a62664940d6f1fda283c99238eaadb5760ca642-1600x900.png&amp;w=750&amp;q=75 750w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F0a62664940d6f1fda283c99238eaadb5760ca642-1600x900.png&amp;w=828&amp;q=75 828w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F0a62664940d6f1fda283c99238eaadb5760ca642-1600x900.png&amp;w=1080&amp;q=75 1080w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F0a62664940d6f1fda283c99238eaadb5760ca642-1600x900.png&amp;w=1200&amp;q=75 1200w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F0a62664940d6f1fda283c99238eaadb5760ca642-1600x900.png&amp;w=1920&amp;q=75 1920w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F0a62664940d6f1fda283c99238eaadb5760ca642-1600x900.png&amp;w=2048&amp;q=75 2048w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F0a62664940d6f1fda283c99238eaadb5760ca642-1600x900.png&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F0a62664940d6f1fda283c99238eaadb5760ca642-1600x900.png&amp;w=3840&amp;q=75"/></div><div class="flex h-full flex-col gap-3 bg-white/50 p-6 pb-5 lg:pb-[30px]"><div class="flex flex-col items-start text-gray-800"><span>Anmol Baranwal<!-- --> <!-- -->and Nathan Tarbert</span><span>January 22, 2026</span></div><span class="text-lg leading-[20px] font-medium text-gray-1000 lg:text-xl lg:leading-[24px]">Bring MCP Apps into your OWN app with CopilotKit &amp; AG-UI</span><span class="line-clamp-3 min-h-[66px] text-sm leading-[22px] font-medium text-gray-800">
19Today, we are excited to announce CopilotKit’s support for MCP Apps. Now, MCP servers can finally ship an interactive UI that works out of the box in real agent applications.</span></div></a><a class="flex h-full w-full flex-col overflow-hidden rounded-lg border border-white lg:rounded-xl" href="/blog/how-to-build-a-frontend-for-langchain-deep-agents-with-copilotkit"><div class="relative aspect-[16/10] w-full shrink-0 overflow-hidden"><img alt="How to build a Frontend for LangChain Deep Agents with CopilotKit!" loading="lazy" decoding="async" data-nimg="fill" class="object-cover" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw" srcSet="/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fac94f33aef7b0b1e226e3b2714227785f353c471-1600x900.png&amp;w=256&amp;q=75 256w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fac94f33aef7b0b1e226e3b2714227785f353c471-1600x900.png&amp;w=384&amp;q=75 384w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fac94f33aef7b0b1e226e3b2714227785f353c471-1600x900.png&amp;w=640&amp;q=75 640w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fac94f33aef7b0b1e226e3b2714227785f353c471-1600x900.png&amp;w=750&amp;q=75 750w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fac94f33aef7b0b1e226e3b2714227785f353c471-1600x900.png&amp;w=828&amp;q=75 828w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fac94f33aef7b0b1e226e3b2714227785f353c471-1600x900.png&amp;w=1080&amp;q=75 1080w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fac94f33aef7b0b1e226e3b2714227785f353c471-1600x900.png&amp;w=1200&amp;q=75 1200w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fac94f33aef7b0b1e226e3b2714227785f353c471-1600x900.png&amp;w=1920&amp;q=75 1920w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fac94f33aef7b0b1e226e3b2714227785f353c471-1600x900.png&amp;w=2048&amp;q=75 2048w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fac94f33aef7b0b1e226e3b2714227785f353c471-1600x900.png&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fac94f33aef7b0b1e226e3b2714227785f353c471-1600x900.png&amp;w=3840&amp;q=75"/></div><div class="flex h-full flex-col gap-3 bg-white/50 p-6 pb-5 lg:pb-[30px]"><div class="flex flex-col items-start text-gray-800"><span>Anmol Baranwal<!-- --> <!-- -->and Nathan Tarbert</span><span>January 20, 2026</span></div><span class="text-lg leading-[20px] font-medium text-gray-1000 lg:text-xl lg:leading-[24px]">How to build a Frontend for LangChain Deep Agents with CopilotKit!</span><span class="line-clamp-3 min-h-[66px] text-sm leading-[22px] font-medium text-gray-800">LangChain recently introduced Deep Agents: a new way to build structured, multi-agent systems that can plan, delegate, and reason across multiple steps.
20
21It comes with built-in planning, a filesystem for context, and subagent spawning. But connecting that agent to a real frontend is still surprisingly hard.
22
23Today, we will build a Deep Agents powered job search assistant and connect it to a live Next.js UI with CopilotKit, so the frontend stays in sync with the agent in real time.</span></div></a><a class="flex h-full w-full flex-col overflow-hidden rounded-lg border border-white lg:rounded-xl" href="/blog/oracle-adopts-ag-ui-protocol-for-agent-spec"><div class="relative aspect-[16/10] w-full shrink-0 overflow-hidden"><img alt="Oracle adopts AG-UI protocol for Agent Spec" loading="lazy" decoding="async" data-nimg="fill" class="object-cover" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw" srcSet="/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F80698f00539234c16d5da13ea88abc6042fb718a-1600x900.png&amp;w=256&amp;q=75 256w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F80698f00539234c16d5da13ea88abc6042fb718a-1600x900.png&amp;w=384&amp;q=75 384w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F80698f00539234c16d5da13ea88abc6042fb718a-1600x900.png&amp;w=640&amp;q=75 640w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F80698f00539234c16d5da13ea88abc6042fb718a-1600x900.png&amp;w=750&amp;q=75 750w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F80698f00539234c16d5da13ea88abc6042fb718a-1600x900.png&amp;w=828&amp;q=75 828w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F80698f00539234c16d5da13ea88abc6042fb718a-1600x900.png&amp;w=1080&amp;q=75 1080w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F80698f00539234c16d5da13ea88abc6042fb718a-1600x900.png&amp;w=1200&amp;q=75 1200w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F80698f00539234c16d5da13ea88abc6042fb718a-1600x900.png&amp;w=1920&amp;q=75 1920w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F80698f00539234c16d5da13ea88abc6042fb718a-1600x900.png&amp;w=2048&amp;q=75 2048w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F80698f00539234c16d5da13ea88abc6042fb718a-1600x900.png&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F80698f00539234c16d5da13ea88abc6042fb718a-1600x900.png&amp;w=3840&amp;q=75"/></div><div class="flex h-full flex-col gap-3 bg-white/50 p-6 pb-5 lg:pb-[30px]"><div class="flex flex-col items-start text-gray-800"><span>Nathan Tarbert<!-- --> <!-- -->and Eli Berman</span><span>December 18, 2025</span></div><span class="text-lg leading-[20px] font-medium text-gray-1000 lg:text-xl lg:leading-[24px]">Oracle adopts AG-UI protocol for Agent Spec</span><span class="line-clamp-3 min-h-[66px] text-sm leading-[22px] font-medium text-gray-800">One of the most complex problems in agentic systems today isn’t defining intelligent agents, it’s connecting those agents to real, reliable user experiences. Oracle’s Open Agent Specification (Agent Spec) and AG-UI now work together to solve that gap.</span></div></a><a class="flex h-full w-full flex-col overflow-hidden rounded-lg border border-white lg:rounded-xl" href="/blog/build-with-googles-new-a2ui-spec-agent-user-interfaces-with-a2ui-ag-ui"><div class="relative aspect-[16/10] w-full shrink-0 overflow-hidden"><img alt="Build with Google&#x27;s new A2UI Spec: Agent User Interfaces with A2UI + AG-UI" loading="lazy" decoding="async" data-nimg="fill" class="object-cover" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw" srcSet="/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F83c7c539c8a139a0f459d532fc1ebbc91a265209-384x216.heif&amp;w=256&amp;q=75 256w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F83c7c539c8a139a0f459d532fc1ebbc91a265209-384x216.heif&amp;w=384&amp;q=75 384w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F83c7c539c8a139a0f459d532fc1ebbc91a265209-384x216.heif&amp;w=640&amp;q=75 640w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F83c7c539c8a139a0f459d532fc1ebbc91a265209-384x216.heif&amp;w=750&amp;q=75 750w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F83c7c539c8a139a0f459d532fc1ebbc91a265209-384x216.heif&amp;w=828&amp;q=75 828w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F83c7c539c8a139a0f459d532fc1ebbc91a265209-384x216.heif&amp;w=1080&amp;q=75 1080w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F83c7c539c8a139a0f459d532fc1ebbc91a265209-384x216.heif&amp;w=1200&amp;q=75 1200w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F83c7c539c8a139a0f459d532fc1ebbc91a265209-384x216.heif&amp;w=1920&amp;q=75 1920w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F83c7c539c8a139a0f459d532fc1ebbc91a265209-384x216.heif&amp;w=2048&amp;q=75 2048w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F83c7c539c8a139a0f459d532fc1ebbc91a265209-384x216.heif&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F83c7c539c8a139a0f459d532fc1ebbc91a265209-384x216.heif&amp;w=3840&amp;q=75"/></div><div class="flex h-full flex-col gap-3 bg-white/50 p-6 pb-5 lg:pb-[30px]"><div class="flex flex-col items-start text-gray-800"><span>Bonnie<!-- --> <!-- -->and Nathan Tarbert</span><span>December 17, 2025</span></div><span class="text-lg leading-[20px] font-medium text-gray-1000 lg:text-xl lg:leading-[24px]">Build with Google&#x27;s new A2UI Spec: Agent User Interfaces with A2UI + AG-UI</span><span class="line-clamp-3 min-h-[66px] text-sm leading-[22px] font-medium text-gray-800">In this guide, you will learn how to build full-stack agent-to-user interface (A2UI) agents using the agent-to-agent (A2A) protocol, the AG-UI protocol, and CopilotKit. </span></div></a><a class="flex h-full w-full flex-col overflow-hidden rounded-lg border border-white lg:rounded-xl" href="/blog/ag-ui-and-a2ui-explained-how-the-emerging-agentic-stack-fits-together"><div class="relative aspect-[16/10] w-full shrink-0 overflow-hidden"><img alt="AG-UI and A2UI Explained: How the Emerging Agentic Stack Fits Together" loading="lazy" decoding="async" data-nimg="fill" class="object-cover" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw" srcSet="/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F21d9f523281525eb42347e45333971f41541f557-384x216.heif&amp;w=256&amp;q=75 256w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F21d9f523281525eb42347e45333971f41541f557-384x216.heif&amp;w=384&amp;q=75 384w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F21d9f523281525eb42347e45333971f41541f557-384x216.heif&amp;w=640&amp;q=75 640w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F21d9f523281525eb42347e45333971f41541f557-384x216.heif&amp;w=750&amp;q=75 750w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F21d9f523281525eb42347e45333971f41541f557-384x216.heif&amp;w=828&amp;q=75 828w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F21d9f523281525eb42347e45333971f41541f557-384x216.heif&amp;w=1080&amp;q=75 1080w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F21d9f523281525eb42347e45333971f41541f557-384x216.heif&amp;w=1200&amp;q=75 1200w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F21d9f523281525eb42347e45333971f41541f557-384x216.heif&amp;w=1920&amp;q=75 1920w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F21d9f523281525eb42347e45333971f41541f557-384x216.heif&amp;w=2048&amp;q=75 2048w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F21d9f523281525eb42347e45333971f41541f557-384x216.heif&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F21d9f523281525eb42347e45333971f41541f557-384x216.heif&amp;w=3840&amp;q=75"/></div><div class="flex h-full flex-col gap-3 bg-white/50 p-6 pb-5 lg:pb-[30px]"><div class="flex flex-col items-start text-gray-800"><span>Nathan Tarbert<!-- --> </span><span>December 15, 2025</span></div><span class="text-lg leading-[20px] font-medium text-gray-1000 lg:text-xl lg:leading-[24px]">AG-UI and A2UI Explained: How the Emerging Agentic Stack Fits Together</sp
23an><span class="line-clamp-3 min-h-[66px] text-sm leading-[22px] font-medium text-gray-800">The agentic ecosystem is evolving fast — and with new standards appearing almost weekly, it’s easy to get lost in the terminology. Two names that often get mixed up are AG-UI and A2UI. They sound similar, but they actually serve very different purposes. Even better: they complement each other beautifully.CopilotKit has been working closely with Google on A2UI, and we’ll be shipping full support when the A2UI spec launches. But before that happens, let’s break down how these pieces fit into the broader agentic landscape.</span></div></a><a class="flex h-full w-full flex-col overflow-hidden rounded-lg border border-white lg:rounded-xl" href="/blog/aws-strands-agents-now-compatible-with-ag-ui"><div class="relative aspect-[16/10] w-full shrink-0 overflow-hidden"><img alt="AWS Strands Agents Now Compatible with AG-UI" loading="lazy" decoding="async" data-nimg="fill" class="object-cover" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw" srcSet="/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fe9c30f21ce1c0f94360f0e839392801d2a7955ce-3200x1800.png&amp;w=256&amp;q=75 256w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fe9c30f21ce1c0f94360f0e839392801d2a7955ce-3200x1800.png&amp;w=384&amp;q=75 384w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fe9c30f21ce1c0f94360f0e839392801d2a7955ce-3200x1800.png&amp;w=640&amp;q=75 640w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fe9c30f21ce1c0f94360f0e839392801d2a7955ce-3200x1800.png&amp;w=750&amp;q=75 750w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fe9c30f21ce1c0f94360f0e839392801d2a7955ce-3200x1800.png&amp;w=828&amp;q=75 828w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fe9c30f21ce1c0f94360f0e839392801d2a7955ce-3200x1800.png&amp;w=1080&amp;q=75 1080w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fe9c30f21ce1c0f94360f0e839392801d2a7955ce-3200x1800.png&amp;w=1200&amp;q=75 1200w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fe9c30f21ce1c0f94360f0e839392801d2a7955ce-3200x1800.png&amp;w=1920&amp;q=75 1920w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fe9c30f21ce1c0f94360f0e839392801d2a7955ce-3200x1800.png&amp;w=2048&amp;q=75 2048w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fe9c30f21ce1c0f94360f0e839392801d2a7955ce-3200x1800.png&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fe9c30f21ce1c0f94360f0e839392801d2a7955ce-3200x1800.png&amp;w=3840&amp;q=75"/></div><div class="flex h-full flex-col gap-3 bg-white/50 p-6 pb-5 lg:pb-[30px]"><div class="flex flex-col items-start text-gray-800"><span>Nathan Tarbert<!-- --> </span><span>December 3, 2025</span></div><span class="text-lg leading-[20px] font-medium text-gray-1000 lg:text-xl lg:leading-[24px]">AWS Strands Agents Now Compatible with AG-UI</span><span class="line-clamp-3 min-h-[66px] text-sm leading-[22px] font-medium text-gray-800">The agentic space has seen incredible momentum lately, but today’s update stands out: AWS Strands is now integrating with AG-UI and CopilotKit.</span></div></a><a class="flex h-full w-full flex-col overflow-hidden rounded-lg border border-white lg:rounded-xl" href="/blog/the-state-of-agentic-ui-comparing-ag-ui-mcp-ui-and-a2ui-protocols"><div class="relative aspect-[16/10] w-full shrink-0 overflow-hidden"><img alt="The State of Agentic UI: Comparing AG-UI, MCP-UI, and A2A Protocols" loading="lazy" decoding="async" data-nimg="fill" class="object-cover" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw" srcSet="/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F1add1f5a81f02bce18c376831ec7747392066f72-3200x1800.png&amp;w=256&amp;q=75 256w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F1add1f5a81f02bce18c376831ec7747392066f72-3200x1800.png&amp;w=384&amp;q=75 384w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F1add1f5a81f02bce18c376831ec7747392066f72-3200x1800.png&amp;w=640&amp;q=75 640w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F1add1f5a81f02bce18c376831ec7747392066f72-3200x1800.png&amp;w=750&amp;q=75 750w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F1add1f5a81f02bce18c376831ec7747392066f72-3200x1800.png&amp;w=828&amp;q=75 828w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F1add1f5a81f02bce18c376831ec7747392066f72-3200x1800.png&amp;w=1080&amp;q=75 1080w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F1add1f5a81f02bce18c376831ec7747392066f72-3200x1800.png&amp;w=1200&amp;q=75 1200w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F1add1f5a81f02bce18c376831ec7747392066f72-3200x1800.png&amp;w=1920&amp;q=75 1920w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F1add1f5a81f02bce18c376831ec7747392066f72-3200x1800.png&amp;w=2048&amp;q=75 2048w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F1add1f5a81f02bce18c376831ec7747392066f72-3200x1800.png&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F1add1f5a81f02bce18c376831ec7747392066f72-3200x1800.png&amp;w=3840&amp;q=75"/></div><div class="flex h-full flex-col gap-3 bg-white/50 p-6 pb-5 lg:pb-[30px]"><div class="flex flex-col items-start text-gray-800"><span>Uli Barkai<!-- --> <!-- -->and Nathan Tarbert</span><span>December 2, 2025</span></div><span class="text-lg leading-[20px] font-medium text-gray-1000 lg:text-xl lg:leading-[24px]">
23The State of Agentic UI: Comparing AG-UI, MCP-UI, and A2A Protocols</span><span class="line-clamp-3 min-h-[66px] text-sm leading-[22px] font-medium text-gray-800">Over 18 months ago, CopilotKit released its first version with one clear goal: give developers the tools to build intelligent, AI-native interfaces - not just bots with text boxes, but deeply integrated, usable, agentic UIs.</span></div></a><a class="flex h-full w-full flex-col overflow-hidden rounded-lg border border-white lg:rounded-xl" href="/blog/how-microsoft-agent-framework-ag-ui-enable-agentic-ux-and-generative-ui"><div class="relative aspect-[16/10] w-full shrink-0 overflow-hidden"><img alt="How Microsoft Agent Framework + AG-UI Enable Agentic UX &amp; Generative UI" loading="lazy" decoding="async" data-nimg="fill" class="object-cover" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw" srcSet="/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fa1916e79a98df32579d5db34561e22c02e06bb1b-3200x1800.png&amp;w=256&amp;q=75 256w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fa1916e79a98df32579d5db34561e22c02e06bb1b-3200x1800.png&amp;w=384&amp;q=75 384w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fa1916e79a98df32579d5db34561e22c02e06bb1b-3200x1800.png&amp;w=640&amp;q=75 640w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fa1916e79a98df32579d5db34561e22c02e06bb1b-3200x1800.png&amp;w=750&amp;q=75 750w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fa1916e79a98df32579d5db34561e22c02e06bb1b-3200x1800.png&amp;w=828&amp;q=75 828w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fa1916e79a98df32579d5db34561e22c02e06bb1b-3200x1800.png&amp;w=1080&amp;q=75 1080w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fa1916e79a98df32579d5db34561e22c02e06bb1b-3200x1800.png&amp;w=1200&amp;q=75 1200w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fa1916e79a98df32579d5db34561e22c02e06bb1b-3200x1800.png&amp;w=1920&amp;q=75 1920w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fa1916e79a98df32579d5db34561e22c02e06bb1b-3200x1800.png&amp;w=2048&amp;q=75 2048w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fa1916e79a98df32579d5db34561e22c02e06bb1b-3200x1800.png&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fa1916e79a98df32579d5db34561e22c02e06bb1b-3200x1800.png&amp;w=3840&amp;q=75"/></div><div class="flex h-full flex-col gap-3 bg-white/50 p-6 pb-5 lg:pb-[30px]"><div class="flex flex-col items-start text-gray-800"><span>Nathan Tarbert<!-- --> </span><span>November 20, 2025</span></div><span class="text-lg leading-[20px] font-medium text-gray-1000 lg:text-xl lg:leading-[24px]">How Microsoft Agent Framework + AG-UI Enable Agentic UX &amp; Generative UI</span><span class="line-clamp-3 min-h-[66px] text-sm leading-[22px] font-medium text-gray-800">Microsoft’s Agent Framework (MAF) is an open source agent framework that has just come on the scene, and offers exceptional ways to build agents and multi-step workflows in .NET or Python. AG-UI is a frontend/runtime layer that lets those agents show up in your app with a clean UI, streaming responses, and shared state, etc. The integration between the two is simple but powerful: MAF handles the reasoning and tool-use, and AG-UI bridges the interactions between the agent and the users.</span></div></a><a class="flex h-full w-full flex-col overflow-hidden rounded-lg border border-white lg:rounded-xl" href="/blog/microsoft-agent-framework-is-now-ag-ui-compatible"><div class="relative aspect-[16/10] w-full shrink-0 overflow-hidden"><img alt="Microsoft Agent Framework is now AG-UI Compatible!" loading="lazy" decoding="async" data-nimg="fill" class="object-cover" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw" srcSet="/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F3789e4e543696d3d2b5170643de4d65c9a7ead7d-1600x900.png&amp;w=256&amp;q=75 256w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F3789e4e543696d3d2b5170643de4d65c9a7ead7d-1600x900.png&amp;w=384&amp;q=75 384w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F3789e4e543696d3d2b5170643de4d65c9a7ead7d-1600x900.png&amp;w=640&amp;q=75 640w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F3789e4e543696d3d2b5170643de4d65c9a7ead7d-1600x900.png&amp;w=750&amp;q=75 750w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F3789e4e543696d3d2b5170643de4d65c9a7ead7d-1600x900.png&amp;w=828&amp;q=75 828w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F3789e4e543696d3d2b5170643de4d65c9a7ead7d-1600x900.png&amp;w=1080&amp;q=75 1080w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F3789e4e543696d3d2b5170643de4d65c9a7ead7d-1600x900.png&amp;w=1200&amp;q=75 1200w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F3789e4e543696d3d2b5170643de4d65c9a7ead7d-1600x900.png&amp;w=1920&amp;q=75 1920w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F3789e4e543696d3d2b5170643de4d65c9a7ead7d-1600x900.png&amp;w=2048&amp;q=75 2048w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F3789e4e543696d3d2b5170643de4d65c9a7ead7d-1600x900.png&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F3789e4e543696d3d2b5170643de4d65c9a7ead7d-1600x900.png&amp;w=3840&amp;q=75"/></div><div class="flex h-full flex-col gap-3 bg-white/50 p-6 pb-5 lg:pb-[30px]"><div class="flex flex-col items-start text-gray-800"><span>Uli Barkai<!-- --> <!-- -->and Nathan Tarbert</span><span>November 11, 2025</span></div><span class="text-lg leading-[20px] font-medium text-gray-1000 lg:text-xl lg:leading-[24px]">Microsoft Agent Framework is now AG-UI Compatible!</span><span class="line-clamp-3 min-h-[66px] text-sm leading-[22px] font-medium text-gray-800">We’re excited to announce that Microsoft’s Agent Framework is now fully compatible with the AG-UI protocol - the open standard powering frontend-agent communication across the ecosystem. This integration means you can now connect Microsoft’s powerful reasoning and orchestration layer directly to rich, real-time user interfaces - without custom socket code, polling loops, or one-off APIs.</span></div></a><a class="flex h-full w-full flex-col overflow-hidden rounded-lg border border-white lg:rounded-xl" href="/blog/build-a-frontend-for-your-microsoft-agent-framework-agents-with-ag-ui"><div class="relative aspect-[16/10] w-full shrink-0 overflow-hidden"><img alt="Build a Frontend for your Microsoft Agent Framework Agents with AG-UI" loading="lazy" decoding="async" data-nimg="fill" class="object-cover" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw" srcSet="/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fdace6aa2f59253778008389955046acbd137b454-1600x900.png&amp;w=256&amp;q=75 256w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fdace6aa2f59253778008389955046acbd137b454-1600x900.png&amp;w=384&amp;q=75 384w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fdace6aa2f59253778008389955046acbd137b454-1600x900.png&amp;w=640&amp;q=75 640w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fdace6aa2f59253778008389955046acbd137b454-1600x900.png&amp;w=750&amp;q=75 750w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fdace6aa2f59253778008389955046acbd137b454-1600x900.png&amp;w=828&amp;q=75 828w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fdace6aa2f59253778008389955046acbd137b454-1600x900.png&amp;w=1080&amp;q=75 1080w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fdace6aa2f59253778008389955046acbd137b454-1600x900.png&amp;w=1200&amp;q=75 1200w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fdace6aa2f59253778008389955046acbd137b454-1600x900.png&amp;w=1920&amp;q=75 1920w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fdace6aa2f59253778008389955046acbd137b454-1600x900.png&amp;w=2048&amp;q=75 2048w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fdace6aa2f59253778008389955046acbd137b454-1600x900.png&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fdace6aa2f59253778008389955046acbd137b454-1600x900.png&amp;w=3840&amp;q=75"/></div><div class="flex h-full flex-col gap-3 bg-white/50 p-6 pb-5 lg:pb-[30px]"><div class="flex flex-col items-start text-gray-800"><span>Bonnie<!-- --> <!-- -->and Nathan Tarbert</span><span>November 11, 2025</span></div><span class="text-lg leading-[20px] font-medium text-gray-1000 lg:text-xl lg:leading-[24px]">Build a Frontend for your Microsoft Agent Framework Agents with AG-UI</span><span class="line-clamp-3 min-h-[66px] text-sm leading-[22px] font-medium text-gray-800">In this guide, you will learn how to build a frontend for your Microsoft Agent Framework Agents using AG-UI Protocol and CopilotKit. Microsoft Agent Framework will power the AI agents backend, while CopilotKit powers the frontend, and then AG-UI creates a bridge that enables the frontend to communicate with the backend.</span></div></a><a class="flex h-full w-full flex-col overflow-hidden rounded-lg border border-white lg:rounded-xl" href="/blog/ag-ui-goes-mobile-the-kotlin-sdk-unlocks-full-agent-connectivity-across-android-ios-and-jvm"><div class="relative aspect-[16/10] w-full shrink-0 overflow-hidden"><img alt="AG-UI Goes Mobile: The Kotlin SDK Unlocks Full Agent Connectivity Across Android, iOS, and JVM" loading="lazy" decoding="async" data-nimg="fill" class="object-cover" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw" srcSet="/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F59fd340998061dbbc522cebf5f059cf982ded0a2-1600x900.png&amp;w=256&amp;q=75 256w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F59fd340998061dbbc522cebf5f059cf982ded0a2-1600x900.png&amp;w=384&amp;q=75 384w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F59fd340998061dbbc522cebf5f059cf982ded0a2-1600x900.png&amp;w=640&amp;q=75 640w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F59fd340998061dbbc522cebf5f059cf982ded0a2-1600x900.png&amp;w=750&amp;q=75 750w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F59fd340998061dbbc522cebf5f059cf982ded0a2-1600x900.png&amp;w=828&amp;q=75 828w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F59fd340998061dbbc522cebf5f059cf982ded0a2-1600x900.png&amp;w=1080&amp;q=75 1080w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F59fd340998061dbbc522cebf5f059cf982ded0a2-1600x900.png&amp;w=1200&amp;q=75 1200w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F59fd340998061dbbc522cebf5f059cf982ded0a2-1600x900.png&amp;w=1920&amp;q=75 1920w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F59fd340998061dbbc522cebf5f059cf982ded0a2-1600x900.png&amp;w=2048&amp;q=75 2048w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F59fd340998061dbbc522cebf5f059cf982ded0a2-1600x900.png&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F59fd340998061dbbc522cebf5f059cf982ded0a2-1600x900.png&amp;w=3840&amp;q=75"/></div><div class="flex h-full flex-col gap-3 bg-white/50 p-6 pb-5 lg:pb-[30px]"><div class="flex flex-col items-start text-gray-800"><span>Nathan Tarbert<!-- --> </span><span>November 4, 2025</span></div><span class="text-lg leading-[20px] font-medium text-gray-1000 lg:text-xl lg:leading-[24px]">AG-UI Goes Mobile: The Kotlin SDK Unlocks Full Agent Connectivity Across Android, iOS, and JVM</span><span class="line-clamp-3 min-h-[66px] text-sm leading-[22px] font-medium text-gray-800">Mark Fogle’s recent contribution of the Kotlin SDK to AG-UI is a big step forward: developers can now integrate AG-UI directly into Android, iOS, and JVM environments through a single, unified SDK.This means users can now connect to agents directly from mobile with no custom bridges, wrappers, or per-platform workarounds.</span></div></a><a class="flex h-full w-full flex-col overflow-hidden rounded-lg border border-white lg:rounded-xl" href="/blog/master-the-17-ag-ui-event-types-for-building-agents-the-right-way"><div class="relative aspect-[16/10] w-full shrink-0 overflow-hidden"><img alt="Master the 17 AG-UI Event Types for Building Agents the Right Way" loading="lazy" decoding="async" data-nimg="fill" class="object-cover" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw" srcSet="/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F7916d594a7afafc5ca429e3f33b2fe59ea69e9cb-3200x1800.png&amp;w=256&amp;q=75 256w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F7916d594a7afafc5ca429e3f33b2fe59ea69e9cb-3200x1800.png&amp;w=384&amp;q=75 384w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F7916d594a7afafc5ca429e3f33b2fe59ea69e9cb-3200x1800.png&amp;w=640&amp;q=75 640w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F7916d594a7afafc5ca429e3f33b2fe59ea69e9cb-3200x1800.png&amp;w=750&amp;q=75 750w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F7916d594a7afafc5ca429e3f33b2fe59ea69e9cb-3200x1800.png&amp;w=828&amp;q=75 828w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F7916d594a7afafc5ca429e3f33b2fe59ea69e9cb-3200x1800.png&amp;w=1080&amp;q=75 1080w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F7916d594a7afafc5ca429e3f33b2fe59ea69e9cb-3200x1800.png&amp;w=1200&amp;q=75 1200w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F7916d594a7afafc5ca429e3f33b2fe59ea69e9cb-3200x1800.png&amp;w=1920&amp;q=75 1920w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F7916d594a7afafc5ca429e3f33b2fe59ea69e9cb-3200x1800.png&amp;w=2048&amp;q=75 2048w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F7916d594a7afafc5ca429e3f33b2fe59ea69e9cb-3200x1800.png&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F7916d594a7afafc5ca429e3f33b2fe59ea69e9cb-3200x1800.png&amp;w=3840&amp;q=75"/></div><div class="flex h-full flex-col gap-3 bg-white/50 p-6 pb-5 lg:pb-[30px]"><div class="flex flex-col items-start text-gray-800"><span>Anmol Baranwal<!-- --> <!-- -->and Nathan Tarbert</span><span>November 3, 2025</span></div><span class="text-lg leading-[20px] font-medium text-gray-1000 lg:text-xl lg:leading-[24px]">Master the 17 AG-UI Event Types for Building Agents the Right Way</span><span class="line-clamp-3 min-h-[66px] text-sm leading-[22px] font-medium text-gray-800">Agent-User Interaction Protocol (AG-UI) is quickly becoming the standard for connecting agents with user interfaces. It gives you a clean event stream to keep the UI in sync with what the agent is doing. All the communication is broken into typed events. I have been digging into the Protoco
23l, especially around those core event types, to understand how everything fits together. Here’s what I picked up and why it matters.</span></div></a><a class="flex h-full w-full flex-col overflow-hidden rounded-lg border border-white lg:rounded-xl" href="/blog/ag-ui-is-redefining-the-agent-user-interaction-layer"><div class="relative aspect-[16/10] w-full shrink-0 overflow-hidden"><img alt="AG-UI Is Redefining the Agent–User Interaction Layer" loading="lazy" decoding="async" data-nimg="fill" class="object-cover" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw" srcSet="/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F598da2bf70270b1869ea878d9eda86ebc1994eb1-3200x2080.png&amp;w=256&amp;q=75 256w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F598da2bf70270b1869ea878d9eda86ebc1994eb1-3200x2080.png&amp;w=384&amp;q=75 384w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F598da2bf70270b1869ea878d9eda86ebc1994eb1-3200x2080.png&amp;w=640&amp;q=75 640w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F598da2bf70270b1869ea878d9eda86ebc1994eb1-3200x2080.png&amp;w=750&amp;q=75 750w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F598da2bf70270b1869ea878d9eda86ebc1994eb1-3200x2080.png&amp;w=828&amp;q=75 828w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F598da2bf70270b1869ea878d9eda86ebc1994eb1-3200x2080.png&amp;w=1080&amp;q=75 1080w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F598da2bf70270b1869ea878d9eda86ebc1994eb1-3200x2080.png&amp;w=1200&amp;q=75 1200w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F598da2bf70270b1869ea878d9eda86ebc1994eb1-3200x2080.png&amp;w=1920&amp;q=75 1920w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F598da2bf70270b1869ea878d9eda86ebc1994eb1-3200x2080.png&amp;w=2048&amp;q=75 2048w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F598da2bf70270b1869ea878d9eda86ebc1994eb1-3200x2080.png&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F598da2bf70270b1869ea878d9eda86ebc1994eb1-3200x2080.png&amp;w=3840&amp;q=75"/></div><div class="flex h-full flex-col gap-3 bg-white/50 p-6 pb-5 lg:pb-[30px]"><div class="flex flex-col items-start text-gray-800"><span>Nathan Tarbert<!-- --> </span><span>October 30, 2025</span></div><span class="text-lg leading-[20px] font-medium text-gray-1000 lg:text-xl lg:leading-[24px]">AG-UI Is Redefining the Agent–User Interaction Layer</span><span class="line-clamp-3 min-h-[66px] text-sm leading-[22px] font-medium text-gray-800">The AG-UI Protocol continues to surge — and with it, a new standard is forming across the agentic landscape.AG-UI isn’t just another SDK. It’s the open protocol for agent-user communication, enabling real-time collaboration between humans and agents across any app, platform, or framework. What started as a developer-driven initiative inside the CopilotKit ecosystem has grown into an open-source movement — now being adopted, extended, and accelerated by leaders across the industry.</span></div></a><a class="flex h-full w-full flex-col overflow-hidden rounded-lg border border-white lg:rounded-xl" href="/blog/build-full-stack-ai-shopping-assistant-with-crewai-and-tavily"><div class="relative aspect-[16/10] w-full shrink-0 overflow-hidden"><img alt="Building a Full-Stack AI Shopping Assistant with CrewAI and Tavily" loading="lazy" decoding="async" data-nimg="fill" class="object-cover" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw" srcSet="/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fc4dd9ce83408fce968dbb215c1214fba3671dd87-1600x1040.png&amp;w=256&amp;q=75 256w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fc4dd9ce83408fce968dbb215c1214fba3671dd87-1600x1040.png&amp;w=384&amp;q=75 384w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fc4dd9ce83408fce968dbb215c1214fba3671dd87-1600x1040.png&amp;w=640&amp;q=75 640w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fc4dd9ce83408fce968dbb215c1214fba3671dd87-1600x1040.png&amp;w=750&amp;q=75 750w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fc4dd9ce83408fce968dbb215c1214fba3671dd87-1600x1040.png&amp;w=828&amp;q=75 828w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fc4dd9ce83408fce968dbb215c1214fba3671dd87-1600x1040.png&amp;w=1080&amp;q=75 1080w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fc4dd9ce83408fce968dbb215c1214fba3671dd87-1600x1040.png&amp;w=1200&amp;q=75 1200w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fc4dd9ce83408fce968dbb215c1214fba3671dd87-1600x1040.png&amp;w=1920&amp;q=75 1920w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fc4dd9ce83408fce968dbb215c1214fba3671dd87-1600x1040.png&amp;w=2048&amp;q=75 2048w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fc4dd9ce83408fce968dbb215c1214fba3671dd87-1600x1040.png&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fc4dd9ce83408fce968dbb215c1214fba3671dd87-1600x1040.png&amp;w=3840&amp;q=75"/></div><div class="flex h-full flex-col gap-3 bg-white/50 p-6 pb-5 lg:pb-[30px]"><div class="flex flex-col items-start text-gray-800"><span>Bonnie<!-- --> <!-- -->and Eli Berman</span><span>October 23, 2025</span></div><span class="text-lg leading-[20px] font-medium text-gray-1000 lg:text-xl lg:leading-[24px]">Building a Full-Stack AI Shopping Assistant with CrewAI and Tavily</span><span class="line-clamp-3 min-h-[66px] text-sm leading-[22px] font-medium text-gray-800">In this guide, you will learn how to build a full-stack AI shopping assistant using CrewAI Flows, paired with the Tavily Search API in the backend. We&#x27;ll then walk through adding a frontend to the shopping agent using CopilotKit to interact with it. The AI shopping assistant will be able to search products on commerce platforms such as Amazon, Target, or eBay- extract structured product data and provide tailored product recommendations.
23</span></div></a><a class="flex h-full w-full flex-col overflow-hidden rounded-lg border border-white lg:rounded-xl" href="/blog/build-a-stock-portfolio-ai-agent-fullstack-pydantic-ai-ag-ui"><div class="relative aspect-[16/10] w-full shrink-0 overflow-hidden"><img alt="Build a Stock Portfolio AI Agent (Fullstack, Pydantic AI + AG-UI)" loading="lazy" decoding="async" data-nimg="fill" class="object-cover" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw" srcSet="/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F2252fd7c8b53049fc5df59fa0a2a7feb5530faa8-1600x1040.png&amp;w=256&amp;q=75 256w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F2252fd7c8b53049fc5df59fa0a2a7feb5530faa8-1600x1040.png&amp;w=384&amp;q=75 384w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F2252fd7c8b53049fc5df59fa0a2a7feb5530faa8-1600x1040.png&amp;w=640&amp;q=75 640w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F2252fd7c8b53049fc5df59fa0a2a7feb5530faa8-1600x1040.png&amp;w=750&amp;q=75 750w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F2252fd7c8b53049fc5df59fa0a2a7feb5530faa8-1600x1040.png&amp;w=828&amp;q=75 828w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F2252fd7c8b53049fc5df59fa0a2a7feb5530faa8-1600x1040.png&amp;w=1080&amp;q=75 1080w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F2252fd7c8b53049fc5df59fa0a2a7feb5530faa8-1600x1040.png&amp;w=1200&amp;q=75 1200w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F2252fd7c8b53049fc5df59fa0a2a7feb5530faa8-1600x1040.png&amp;w=1920&amp;q=75 1920w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F2252fd7c8b53049fc5df59fa0a2a7feb5530faa8-1600x1040.png&amp;w=2048&amp;q=75 2048w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F2252fd7c8b53049fc5df59fa0a2a7feb5530faa8-1600x1040.png&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F2252fd7c8b53049fc5df59fa0a2a7feb5530faa8-1600x1040.png&amp;w=3840&amp;q=75"/></div><div class="flex h-full flex-col gap-3 bg-white/50 p-6 pb-5 lg:pb-[30px]"><div class="flex flex-col items-start text-gray-800"><span>Bonnie<!-- --> <!-- -->and Nathan Tarbert</span><span>October 3, 2025</span></div><span class="text-lg leading-[20px] font-medium text-gray-1000 lg:text-xl lg:leading-[24px]">Build a Stock Portfolio AI Agent (Fullstack, Pydantic AI + AG-UI)</span><span class="line-clamp-3 min-h-[66px] text-sm leading-[22px] font-medium text-gray-800">In this guide, you will learn how to build fullstack AI agents with Pydantic AI with the AG-UI protocol. Also, we will cover how to integrate the AG-UI + Pydantic AI agents with CopilotKit to chat with the agent and stream its responses in the frontend.</span></div></a><a class="flex h-full w-full flex-col overflow-hidden rounded-lg border border-white lg:rounded-xl" href="/blog/build-a-frontend-for-your-adk-agents-with-ag-ui"><div class="relative aspect-[16/10] w-full shrink-0 overflow-hidden"><img alt="Build a Frontend for your ADK Agents with AG-UI" loading="lazy" decoding="async" data-nimg="fill" class="object-cover" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw" srcSet="/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F15e4cf567c2fb7ee00c97b4e003b09b2b322a375-1600x1040.png&amp;w=256&amp;q=75 256w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F15e4cf567c2fb7ee00c97b4e003b09b2b322a375-1600x1040.png&amp;w=384&amp;q=75 384w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F15e4cf567c2fb7ee00c97b4e003b09b2b322a375-1600x1040.png&amp;w=640&amp;q=75 640w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F15e4cf567c2fb7ee00c97b4e003b09b2b322a375-1600x1040.png&amp;w=750&amp;q=75 750w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F15e4cf567c2fb7ee00c97b4e003b09b2b322a375-1600x1040.png&amp;w=828&amp;q=75 828w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F15e4cf567c2fb7ee00c97b4e003b09b2b322a375-1600x1040.png&amp;w=1080&amp;q=75 1080w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F15e4cf567c2fb7ee00c97b4e003b09b2b322a375-1600x1040.png&amp;w=1200&amp;q=75 1200w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F15e4cf567c2fb7ee00c97b4e003b09b2b322a375-1600x1040.png&amp;w=1920&amp;q=75 1920w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F15e4cf567c2fb7ee00c97b4e003b09b2b322a375-1600x1040.png&amp;w=2048&amp;q=75 2048w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F15e4cf567c2fb7ee00c97b4e003b09b2b322a375-1600x1040.png&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F15e4cf567c2fb7ee00c97b4e003b09b2b322a375-1600x1040.png&amp;w=3840&amp;q=75"/></div><div class="flex h-full flex-col gap-3 bg-white/50 p-6 pb-5 lg:pb-[30px]"><div class="flex flex-col items-start text-gray-800"><span>Bonnie<!-- --> <!-- -->and Nathan Tarbert</span><span>September 25, 2025</span></div><span class="text-lg leading-[20px] font-medium text-gray-1000 lg:text-xl lg:leading-[24px]">Build a Frontend for your ADK Agents with AG-UI</span><span class="line-clamp-3 min-h-[66px] text-sm leading-[22px] font-medium text-gray-800">n this guide, you will learn how to build a frontend for your Agent Development Kit (ADK) Agents using AG-UI Protocol and CopilotKit. ADK will power the AI agents backend, while CopilotKit powers the frontend, and then AG-UI creates a bridge that enables the frontend to communicate with the backend.</span></div></a><a class="flex h-full w-full flex-col overflow-hidden rounded-lg border border-white lg:rounded-xl" href="/blog/heres-how-to-build-fullstack-agent-apps-gemini-copilotkit-langgraph"><div class="relative aspect-[16/10] w-full shrink-0 overflow-hidden"><img alt="Here&#x27;s How To Build Fullstack Agent Apps (Gemini, CopilotKit &amp; LangGraph)" loading="lazy" decoding="async" data-nimg="fill" class="object-cover" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw" srcSet="/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Ff0ae6407809a57e1711a97dea22b6dbb0b3299fa-1600x1040.png&amp;w=256&amp;q=75 256w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Ff0ae6407809a57e1711a97dea22b6dbb0b3299fa-1600x1040.png&amp;w=384&amp;q=75 384w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Ff0ae6407809a57e1711a97dea22b6dbb0b3299fa-1600x1040.png&amp;w=640&amp;q=75 640w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Ff0ae6407809a57e1711a97dea22b6dbb0b3299fa-1600x1040.png&amp;w=750&amp;q=75 750w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Ff0ae6407809a57e1711a97dea22b6dbb0b3299fa-1600x1040.png&amp;w=828&amp;q=75 828w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Ff0ae6407809a57e1711a97dea22b6dbb0b3299fa-1600x1040.png&amp;w=1080&amp;q=75 1080w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Ff0ae6407809a57e1711a97dea22b6dbb0b3299fa-1600x1040.png&amp;w=1200&amp;q=75 1200w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Ff0ae6407809a57e1711a97dea22b6dbb0b3299fa-1600x1040.png&amp;w=1920&amp;q=75 1920w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Ff0ae6407809a57e1711a97dea22b6dbb0b3299fa-1600x1040.png&amp;w=2048&amp;q=75 2048w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Ff0ae6407809a57e1711a97dea22b6dbb0b3299fa-1600x1040.png&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Ff0ae6407809a57e1711a97dea22b6dbb0b3299fa-1600x1040.png&amp;w=3840&amp;q=75"/></div><div class="flex h-full flex-col gap-3 bg-white/50 p-6 pb-5 lg:pb-[30px]"><div class="flex flex-col items-start text-gray-800"><span>Anmol Baranwal<!-- --> <!-- -->and Nathan Tarbert</span><span>September 23, 2025</span></div><span class="text-lg leading-[20px] font-medium text-gray-1000 lg:text-xl lg:leading-[24px]">Here&#x27;s How To Build Fullstack Agent Apps (Gemini, CopilotKit &amp; LangGraph)</span><span class="line-clamp-3 min-h-[66px] text-sm leading-[22px] font-medium text-gray-800">AI agents are getting close to real world applications, but most developers still find it complex to build one. So we are going to build two practical agents: Post Generator that drafts LinkedIn/X content using live web search &amp; Stack Analyzer that inspects GitHub repos and creates structured reports. We will be using Next.js frontend, FastAPI backend, CopilotKit, LangGraph workflows, and Google Gemini. You will find architecture, concepts, prompts, and practical stuff.</span></div></a><a class="flex h-full w-full flex-col overflow-hidden rounded-lg border border-white lg:rounded-xl" href="/blog/building-a-rag-powered-e-commerce-platform-langgraph-mongodb-copilotkit"><div class="relative aspect-[16/10] w-full shrink-0 overflow-hidden"><img alt="Building a RAG-powered E-commerce Platform (LangGraph + MongoDB + CopilotKit)" loading="lazy" decoding="async" data-nimg="fill" class="object-cover" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw" srcSet="/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F5063e16761211934b738c6a47d095cbadcf67567-750x488.heif&amp;w=256&amp;q=75 256w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F5063e16761211934b738c6a47d095cbadcf67567-750x488.heif&amp;w=384&amp;q=75 384w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F5063e16761211934b738c6a47d095cbadcf67567-750x488.heif&amp;w=640&amp;q=75 640w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F5063e16761211934b738c6a47d095cbadcf67567-750x488.heif&amp;w=750&amp;q=75 750w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F5063e16761211934b738c6a47d095cbadcf67567-750x488.heif&amp;w=828&amp;q=75 828w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F5063e16761211934b738c6a47d095cbadcf67567-750x488.heif&amp;w=1080&amp;q=75 1080w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F5063e16761211934b738c6a47d095cbadcf67567-750x488.heif&amp;w=1200&amp;q=75 1200w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F5063e16761211934b738c6a47d095cbadcf67567-750x488.heif&amp;w=1920&amp;q=75 1920w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F5063e16761211934b738c6a47d095cbadcf67567-750x488.heif&amp;w=2048&amp;q=75 2048w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F5063e16761211934b738c6a47d095cbadcf67567-750x488.heif&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F5063e16761211934b738c6a47d095cbadcf67567-750x488.heif&amp;w=3840&amp;q=75"/></div><div class="flex h-full flex-col gap-3 bg-white/50 p-6 pb-5 lg:pb-[30px]"><div class="flex flex-col items-start text-gray-800"><span>Bonnie<!-- --> <!-- -->and Nathan Tarbert</span><span>September 22, 2025</span></div><span class="text-lg leading-[20px] font-medium text-gray-1000 lg:text-xl lg:leading-[24px]">Building a RAG-powered E-commerce Platform (LangGraph + MongoDB + CopilotKit)</span><span class="line-clamp-3 min-h-[66px] text-sm leading-[22px] font-medium text-gray-800">In this guide, you will learn how to build a RAG(Retrieval-Augmented Generation)-powered e-commerce platform using LangGraph, MongoDB Vector Search, and CopilotKit. The e-commerce platform helps users find products and get tailored product recommendations using LLMs.</span></div></a><a class="flex h-full w-full flex-col overflow-hidden rounded-lg border border-white lg:rounded-xl" href="/blog/building-fullstack-apps-with-real-time-data-copilotkit-tavily"><div class="relative aspect-[16/10] w-full shrink-0 overflow-hidden"><img alt="Building Fullstack Agentic Apps with Realtime Data: CopilotKit + Tavily" loading="lazy" decoding="async" data-nimg="fill" class="object-cover" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw" srcSet="/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F21a31839dc7c6321c12566d2739b6b277ef5c70a-800x800.png&amp;w=256&amp;q=75 256w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F21a31839dc7c6321c12566d2739b6b277ef5c70a-800x800.png&amp;w=384&amp;q=75 384w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F21a31839dc7c6321c12566d2739b6b277ef5c70a-800x800.png&amp;w=640&amp;q=75 640w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F21a31839dc7c6321c12566d2739b6b277ef5c70a-800x800.png&amp;w=750&amp;q=75 750w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F21a31839dc7c6321c12566d2739b6b277ef5c70a-800x800.png&amp;w=828&amp;q=75 828w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F21a31839dc7c6321c12566d2739b6b277ef5c70a-800x800.png&amp;w=1080&amp;q=75 1080w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F21a31839dc7c6321c12566d2739b6b277ef5c70a-800x800.png&amp;w=1200&amp;q=75 1200w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F21a31839dc7c6321c12566d2739b6b277ef5c70a-800x800.png&amp;w=1920&amp;q=75 1920w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F21a31839dc7c6321c12566d2739b6b277ef5c70a-800x800.png&amp;w=2048&amp;q=75 2048w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F21a31839dc7c6321c12566d2739b6b277ef5c70a-800x800.png&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F21a31839dc7c6321c12566d2739b6b277ef5c70a-800x800.png&amp;w=3840&amp;q=75"/></div><div class="flex h-full flex-col gap-3 bg-white/50 p-6 pb-5 lg:pb-[30px]"><div class="flex flex-col items-start text-gray-800"><span>Nathan Tarbert<!-- --> </span><span>September 18, 2025</span></div><span class="text-lg leading-[20px] font-medium text-gray-1000 lg:text-xl lg:leading-[24px]">Building Fullstack Agentic Apps with Realtime Data: CopilotKit + Tavily</span><span class="line-clamp-3 min-h-[66px] text-sm leading-[22px] font-medium text-gray-800">Today, we are announcing the CopilotKit+Tavily partnership. Let&#x27;s dive into why this makes so much sense.</span></div></a><a class="flex h-full w-full flex-col overflow-hidden rounded-lg border border-white lg:rounded-xl" href="/blog/how-copilotkit-mastra-enable-real-time-agent-interaction"><div class="relative aspect-[16/10] w-full shrink-0 overflow-hidden"><img alt="How CopilotKit + Mastra Enable Real-Time Agent Interaction" loading="lazy" decoding="async" data-nimg="fill" class="object-cover" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw" srcSet="/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F784675c514e88f5e49d5e2c5c67683dd3deb179a-800x800.png&amp;w=256&amp;q=75 256w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F784675c514e88f5e49d5e2c5c67683dd3deb179a-80
230x800.png&amp;w=384&amp;q=75 384w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F784675c514e88f5e49d5e2c5c67683dd3deb179a-800x800.png&amp;w=640&amp;q=75 640w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F784675c514e88f5e49d5e2c5c67683dd3deb179a-800x800.png&amp;w=750&amp;q=75 750w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F784675c514e88f5e49d5e2c5c67683dd3deb179a-800x800.png&amp;w=828&amp;q=75 828w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F784675c514e88f5e49d5e2c5c67683dd3deb179a-800x800.png&amp;w=1080&amp;q=75 1080w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F784675c514e88f5e49d5e2c5c67683dd3deb179a-800x800.png&amp;w=1200&amp;q=75 1200w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F784675c514e88f5e49d5e2c5c67683dd3deb179a-800x800.png&amp;w=1920&amp;q=75 1920w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F784675c514e88f5e49d5e2c5c67683dd3deb179a-800x800.png&amp;w=2048&amp;q=75 2048w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F784675c514e88f5e49d5e2c5c67683dd3deb179a-800x800.png&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F784675c514e88f5e49d5e2c5c67683dd3deb179a-800x800.png&amp;w=3840&amp;q=75"/></div><div class="flex h-full flex-col gap-3 bg-white/50 p-6 pb-5 lg:pb-[30px]"><div class="flex flex-col items-start text-gray-800"><span>Nathan Tarbert<!-- --> </span><span>September 18, 2025</span></div><span class="text-lg leading-[20px] font-medium text-gray-1000 lg:text-xl lg:leading-[24px]">How CopilotKit + Mastra Enable Real-Time Agent Interaction</span><span class="line-clamp-3 min-h-[66px] text-sm leading-[22px] font-medium text-gray-800">Today, we are pleased to announce our partnership: CopilotKit 🤝 Mastra.</span></div></a><a class="flex h-full w-full flex-col overflow-hidden rounded-lg border border-white lg:rounded-xl" href="/blog/the-three-kinds-of-generative-ui"><div class="relative aspect-[16/10] w-full shrink-0 overflow-hidden"><img alt="The Three Types of Generative UI: Static, Declarative and Fully Generated" loading="lazy" decoding="async" data-nimg="fill" class="object-cover" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw" srcSet="/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F50ad01589ad0f43217ec82a3530916da6822c253-1600x1040.png&amp;w=256&amp;q=75 256w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F50ad01589ad0f43217ec82a3530916da6822c253-1600x1040.png&amp;w=384&amp;q=75 384w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F50ad01589ad0f43217ec82a3530916da6822c253-1600x1040.png&amp;w=640&amp;q=75 640w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F50ad01589ad0f43217ec82a3530916da6822c253-1600x1040.png&amp;w=750&amp;q=75 750w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F50ad01589ad0f43217ec82a3530916da6822c253-1600x1040.png&amp;w=828&amp;q=75 828w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F50ad01589ad0f43217ec82a3530916da6822c253-1600x1040.png&amp;w=1080&amp;q=75 1080w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F50ad01589ad0f43217ec82a3530916da6822c253-1600x1040.png&amp;w=1200&amp;q=75 1200w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F50ad01589ad0f43217ec82a3530916da6822c253-1600x1040.png&amp;w=1920&amp;q=75 1920w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F50ad01589ad0f43217ec82a3530916da6822c253-1600x1040.png&amp;w=2048&amp;q=75 2048w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F50ad01589ad0f43217ec82a3530916da6822c253-1600x1040.png&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F50ad01589ad0f43217ec82a3530916da6822c253-1600x1040.png&amp;w=3840&amp;q=75"/></div><div class="flex h-full flex-col gap-3 bg-white/50 p-6 pb-5 lg:pb-[30px]"><div class="flex flex-col items-start text-gray-800"><span>Eli Berman<!-- --> </span><span>September 12, 2025</span></div><span class="text-lg leading-[20px] font-medium text-gray-1000 lg:text-xl lg:leading-[24px]">The Three Types of Generative UI: Static, Declarative and Fully Generated</span><span class="line-clamp-3 min-h-[66px] text-sm leading-[22px] font-medium text-gray-800">A practical breakdown for building reliable AI‑driven interfaces: when to use each, examples, and reality checks. Generative UI has been hyped as the future of how we’ll build software interfaces, but most of the conversation is still fuzzy. Should you let a model write your entire UI? Or lock it down with strict components? In reality, there are three clear approaches that fall along a spectrum of flexibility vs. control. This blog unpacks each one with examples, pros and cons, and some practical guidance on when to use which.</span></div></a><a class="flex h-full w-full flex-col overflow-hidden rounded-lg border border-white lg:rounded-xl" href="/blog/introducing-the-ag-ui-dojo"><div class="relative aspect-[16/10] w-full shrink-0 overflow-hidden"><img alt="Introducing the AG-UI Dojo: A Learning Tool to Help You Ship Faster" loading="lazy" decoding="async" data-nimg="fill" class="object-cover" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw" srcSet="/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fc7e395fa0a82015ca8eb851972ffb77126236c89-3200x2080.png&amp;w=256&amp;q=75 256w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fc7e395fa0a82015ca8eb851972ffb77126236c89-3200x2080.png&amp;w=384&amp;q=75 384w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fc7e395fa0a82015ca8eb851972ffb77126236c89-3200x2080.png&amp;w=640&amp;q=75 640w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fc7e395fa0a82015ca8eb851972ffb77126236c89-3200x2080.png&amp;w=750&amp;q=75 750w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fc7e395fa0a82015ca8eb851972ffb77126236c89-3200x2080.png&amp;w=828&amp;q=75 828w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fc7e395fa0a82015ca8eb851972ffb77126236c89-3200x2080.png&amp;w=1080&amp;q=75 1080w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fc7e395fa0a82015ca8eb851972ffb77126236c89-3200x2080.png&amp;w=1200&amp;q=75 1200w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fc7e395fa0a82015ca8eb851972ffb77126236c89-3200x2080.png&amp;w=1920&amp;q=75 1920w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fc7e395fa0a82015ca8eb851972ffb77126236c89-3200x2080.png&amp;w=2048&amp;q=75 2048w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fc7e395fa0a82015ca8eb851972ffb77126236c89-3200x2080.png&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fc7e395fa0a82015ca8eb851972ffb77126236c89-3200x2080.png&amp;w=3840&amp;q=75"/></div><div class="flex h-full flex-col gap-3 bg-white/50 p-6 pb-5 lg:pb-[30px]"><div class="flex flex-col items-start text-gray-800"><span>Nathan Tarbert<!-- --> <!-- -->and Eli Berman</span><span>September 10, 2025</span></div><span class="text-lg leading-[20px] font-medium text-gray-1000 lg:text-xl lg:leading-[24px]">Introducing the AG-UI Dojo: A Learning Tool to Help You Ship Faster</span><span class="line-clamp-3 min-h-[66px] text-sm leading-[22px] font-medium text-gray-800">Building AI agent frontends? You&#x27;ve probably hit the usual roadblocks-streaming updates that break, state bugs that make no sense, tool calls that require way too much setup. The AG-UI Dojo fixes that problem. It&#x27;s a collection of working examples you can actually visualize and use.</span></div></a><a class="flex h-full w-full flex-col overflow-hidden rounded-lg border border-white lg:rounded-xl" href="/blog/introducing-the-ag-ui-protocol-cli"><div class="relative aspect-[16/10] w-full shrink-0 overflow-hidden"><img alt="Introducing the AG-UI Protocol CLI" loading="lazy" decoding="async" data-nimg="fill" class="object-cover" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw" srcSet="/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F99255522057f817b7483a17307b4edb9f1524c6f-1600x1040.png&amp;w=256&amp;q=75 256w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F99255522057f817b7483a17307b4edb9f1524c6f-1600x1040.png&amp;w=384&amp;q=75 384w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F99255522057f817b7483a17307b4edb9f1524c6f-1600x1040.png&amp;w=640&amp;q=75 640w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F99255522057f817b7483a17307b4edb9f1524c6f-1600x1040.png&amp;w=750&amp;q=75 750w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F99255522057f817b7483a17307b4edb9f1524c6f-1600x1040.png&amp;w=828&amp;q=75 828w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F99255522057f817b7483a17307b4edb9f1524c6f-1600x1040.png&amp;w=1080&amp;q=75 1080w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F99255522057f817b7483a17307b4edb9f1524c6f-1600x1040.png&amp;w=1200&amp;q=75 1200w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F99255522057f817b7483a17307b4edb9f1524c6f-1600x1040.png&amp;w=1920&amp;q=75 1920w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F99255522057f817b7483a17307b4edb9f1524c6f-1600x1040.png&amp;w=2048&amp;q=75 2048w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F99255522057f817b7483a17307b4edb9f1524c6f-1600x1040.png&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F99255522057f817b7483a17307b4edb9f1524c6f-1600x1040.png&amp;w=3840&amp;q=75"/></div><div class="flex h-full flex-col gap-3 bg-white/50 p-6 pb-5 lg:pb-[30px]"><div class="flex flex-col items-start text-gray-800"><span>Nathan Tarbert<!-- --> </span><span>September 4, 2025</span></div><span class="text-lg leading-[20px] font-medium text-gray-1000 lg:text-xl lg:leading-[24px]">Introducing the AG-UI Protocol CLI</span><span class="line-clamp-3 min-h-[66px] text-sm leading-[22px] font-medium text-gray-800">Building agentic applications just got a whole lot easier. We’re excited to release the AG-UI protocol CLI flow- the quickest and easiest way to get started with AG-UI in under two minutes.</span></div></a><a class="flex h-full w-full flex-col overflow-hidden rounded-lg border border-white lg:rounded-xl" href="/blog/case-study-improving-the-vibecodability-of-copilotkit"><div class="relative aspect-[16/10] w-full shrink-0 overflow-hidden"><img alt="Case Study: Improving the “Vibecodability” of CopilotKit" loading="lazy" decoding="async" data-nimg="fill" class="object-cover" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw" srcSet="/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Ff04b2b28497b16159bad6bb4add60e0a271b2d65-1601x1041.png&amp;w=256&amp;q=75 256w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Ff04b2b28497b16159bad6bb4add60e0a271b2d65-1601x1041.png&amp;w=384&amp;q=75 384w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Ff04b2b28497b16159bad6bb4add60e0a271b2d65-1601x1041.png&amp;w=640&amp;q=75 640w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Ff04b2b28497b16159bad6bb4add60e0a271b2d65-1601x1041.png&amp;w=750&amp;q=75 750w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Ff04b2b28497b16159bad6bb4add60e0a271b2d65-1601x1041.png&amp;w=828&amp;q=75 828w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Ff04b2b28497b16159bad6bb4add60e0a271b2d65-1601x1041.png&amp;w=1080&amp;q=75 1080w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Ff04b2b28497b16159bad6bb4add60e0a271b2d65-1601x1041.png&amp;w=1200&amp;q=75 1200w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Ff04b2b28497b16159bad6bb4add60e0a271b2d65-1601x1041.png&amp;w=1920&amp;q=75 1920w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Ff04b2b28497b16159bad6bb4add60e0a271b2d65-1601x1041.png&amp;w=2048&amp;q=75 2048w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Ff04b2b28497b16159bad6bb4add60e0a271b2d65-1601x1041.png&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Ff04b2b28497b16159bad6bb4add60e0a271b2d65-1601x1041.png&amp;w=3840&amp;q=75"/></div><div class="flex h-full flex-col gap-3 bg-white/50 p-6 pb-5 lg:pb-[30px]"><div class="flex flex-col items-start text-gray-800"><span>Itay Shemer<!-- --> <!-- -->and Eli Berman</span><span>August 22, 2025</span></div><span class="text-lg leading-[20px] font-medium text-gray-1000 lg:text-xl lg:leading-[24px]">Case Study: Improving the “Vibecodability” of CopilotKit</span><span class="line-clamp-3 min-h-[66px] text-sm leading-[22px] font-medium text-gray-800">Outcomes: Faster, More Accurate Integrations • 66% faster integrations
24The CopilotKit Expert MCP enabled a working, streaming AI agent frontend in a single shot, cutting LLM calls by two-thirds. We tested each approach by asking Cursor to create a CopilotKit UI, integrate it to a backend, and connect it to other components in an example application.</span></div></a><a class="flex h-full w-full flex-col overflow-hidden rounded-lg border border-white lg:rounded-xl" href="/blog/build-your-own-ai-stock-portfolio-agent-with-agno-ag-ui"><div class="relative aspect-[16/10] w-full shrink-0 overflow-hidden"><img alt="Build Your Own AI Stock Portfolio Agent with Agno + AG-UI" loading="lazy" decoding="async" data-nimg="fill" class="object-cover" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw" srcSet="/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F2b04441fafa4224bbcd561ad9752ddbd6c6bf862-1601x1041.png&amp;w=256&amp;q=75 256w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F2b04441fafa4224bbcd561ad9752ddbd6c6bf862-1601x1041.png&amp;w=384&amp;q=75 384w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F2b04441fafa4224bbcd561ad9752ddbd6c6bf862-1601x1041.png&amp;w=640&amp;q=75 640w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F2b04441fafa4224bbcd561ad9752ddbd6c6bf862-1601x1041.png&amp;w=750&amp;q=75 750w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F2b04441fafa4224bbcd561ad9752ddbd6c6bf862-1601x1041.png&amp;w=828&amp;q=75 828w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F2b04441fafa4224bbcd561ad9752ddbd6c6bf862-1601x1041.png&amp;w=1080&amp;q=75 1080w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F2b04441fafa4224bbcd561ad9752ddbd6c6bf862-1601x1041.png&amp;w=1200&amp;q=75 1200w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F2b04441fafa4224bbcd561ad9752ddbd6c6bf862-1601x1041.png&amp;w=1920&amp;q=75 1920w, /_next/image?url=https%3A%2F%2Fcdn.sanity
24.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F2b04441fafa4224bbcd561ad9752ddbd6c6bf862-1601x1041.png&amp;w=2048&amp;q=75 2048w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F2b04441fafa4224bbcd561ad9752ddbd6c6bf862-1601x1041.png&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F2b04441fafa4224bbcd561ad9752ddbd6c6bf862-1601x1041.png&amp;w=3840&amp;q=75"/></div><div class="flex h-full flex-col gap-3 bg-white/50 p-6 pb-5 lg:pb-[30px]"><div class="flex flex-col items-start text-gray-800"><span>Bonnie<!-- --> <!-- -->and Nathan Tarbert</span><span>August 22, 2025</span></div><span class="text-lg leading-[20px] font-medium text-gray-1000 lg:text-xl lg:leading-[24px]">Build Your Own AI Stock Portfolio Agent with Agno + AG-UI</span><span class="line-clamp-3 min-h-[66px] text-sm leading-[22px] font-medium text-gray-800">In this guide, you will learn how to integrate Agno agents with the AG-UI protocol. Additionally, we will cover how to integrate the AG-UI and Agno agents with CopilotKit, allowing users to chat with the agent and stream its responses in the frontend.</span></div></a><a class="flex h-full w-full flex-col overflow-hidden rounded-lg border border-white lg:rounded-xl" href="/blog/announcing-copilotkit-mcp-client-vibe-coding-server"><div class="relative aspect-[16/10] w-full shrink-0 overflow-hidden"><img alt="Introducing the Vibe Coding Server + CopilotKit MCP Client" loading="lazy" decoding="async" data-nimg="fill" class="object-cover" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw" srcSet="/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F9743d459306ac923fe7c4e7044ea72a30b157963-1600x1040.png&amp;w=256&amp;q=75 256w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F9743d459306ac923fe7c4e7044ea72a30b157963-1600x1040.png&amp;w=384&amp;q=75 384w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F9743d459306ac923fe7c4e7044ea72a30b157963-1600x1040.png&amp;w=640&amp;q=75 640w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F9743d459306ac923fe7c4e7044ea72a30b157963-1600x1040.png&amp;w=750&amp;q=75 750w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F9743d459306ac923fe7c4e7044ea72a30b157963-1600x1040.png&amp;w=828&amp;q=75 828w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F9743d459306ac923fe7c4e7044ea72a30b157963-1600x1040.png&amp;w=1080&amp;q=75 1080w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F9743d459306ac923fe7c4e7044ea72a30b157963-1600x1040.png&amp;w=1200&amp;q=75 1200w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F9743d459306ac923fe7c4e7044ea72a30b157963-1600x1040.png&amp;w=1920&amp;q=75 1920w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F9743d459306ac923fe7c4e7044ea72a30b157963-1600x1040.png&amp;w=2048&amp;q=75 2048w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F9743d459306ac923fe7c4e7044ea72a30b157963-1600x1040.png&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F9743d459306ac923fe7c4e7044ea72a30b157963-1600x1040.png&amp;w=3840&amp;q=75"/></div><div class="flex h-full flex-col gap-3 bg-white/50 p-6 pb-5 lg:pb-[30px]"><div class="flex flex-col items-start text-gray-800"><span>Eli Berman<!-- --> <!-- -->and Nathan Tarbert</span><span>August 21, 2025</span></div><span class="text-lg leading-[20px] font-medium text-gray-1000 lg:text-xl lg:leading-[24px]">Introducing the Vibe Coding Server + CopilotKit MCP Client</span><span class="line-clamp-3 min-h-[66px] text-sm leading-[22px] font-medium text-gray-800">Making it easier than ever to build agent-ready frontends (and vibe code with your coding agents). We’re excited to share a major update in CopilotKit’s MCP ecosystem: We’ve rebuilt the Open MCP Client and added a new Vibe Coding Server (optimized by Tadata). With these releases, developers can both connect their copilots to MCP servers seamlessly and give coding agents structured, reliable access to CopilotKit docs and examples, eliminating boilerplate, hallucinations, and friction.</span></div></a><a class="flex h-full w-full flex-col overflow-hidden rounded-lg border border-white lg:rounded-xl" href="/blog/build-a-fullstack-stock-portfolio-agent-with-llamaindex-and-ag-ui"><div class="relative aspect-[16/10] w-full shrink-0 overflow-hidden"><img alt="Build a Fullstack Stock Portfolio Agent with LlamaIndex and AG-UI" loading="lazy" decoding="async" data-nimg="fill" class="object-cover" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw" srcSet="/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fd68295b60eb958cedc1fe4693bbee3aab1c7f350-1601x1041.png&amp;w=256&amp;q=75 256w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fd68295b60eb958cedc1fe4693bbee3aab1c7f350-1601x1041.png&amp;w=384&amp;q=75 384w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fd68295b60eb958cedc1fe4693bbee3aab1c7f350-1601x1041.png&amp;w=640&amp;q=75 640w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fd68295b60eb958cedc1fe4693bbee3aab1c7f350-1601x1041.png&amp;w=750&amp;q=75 750w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fd68295b60eb958cedc1fe4693bbee3aab1c7f350-1601x1041.png&amp;w=828&amp;q=75 828w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fd68295b60eb958cedc1fe4693bbee3aab1c7f350-1601x1041.png&amp;w=1080&amp;q=75 1080w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fd68295b60eb958cedc1fe4693bbee3aab1c7f350-1601x1041.png&amp;w=1200&amp;q=75 1200w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fd68295b60eb958cedc1fe4693bbee3aab1c7f350-1601x1041.png&amp;w=1920&amp;q=75 1920w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fd68295b60eb958cedc1fe4693bbee3aab1c7f350-1601x1041.png&amp;w=2048&amp;q=75 2048w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fd68295b60eb958cedc1fe4693bbee3aab1c7f350-1601x1041.png&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fd68295b60eb958cedc1fe4693bbee3aab1c7f350-1601x1041.png&amp;w=3840&amp;q=75"/></div><div class="flex h-full flex-col gap-3 bg-white/50 p-6 pb-5 lg:pb-[30px]"><div class="flex flex-col items-start text-gray-800"><span>Bonnie<!-- --> <!-- -->and Nathan Tarbert</span><span>August 13, 2025</span></div><span class="text-lg leading-[20px] font-medium text-gray-1000 lg:text-xl lg:leading-[24px]">Build a Fullstack Stock Portfolio Agent with LlamaIndex and AG-UI</span><span class="line-clamp-3 min-h-[66px] text-sm leading-[22px] font-medium text-gray-800">In this guide, you will learn how to integrate LlamaIndex agents with the AG-UI protocol. Also, we will c
24over how to integrate the AG-UI + LlamaIndex agents with CopilotKit in order to chat with the agent and stream its responses to the frontend.</span></div></a><a class="flex h-full w-full flex-col overflow-hidden rounded-lg border border-white lg:rounded-xl" href="/blog/build-a-fullstack-stock-portfolio-agent-with-crewai-and-ag-ui"><div class="relative aspect-[16/10] w-full shrink-0 overflow-hidden"><img alt="Build a Fullstack Stock Portfolio Agent with CrewAI and AG-UI" loading="lazy" decoding="async" data-nimg="fill" class="object-cover" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw" srcSet="/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F503ecc3e56f177f7bd3f4704a42d827aa2fc202b-1601x1041.png&amp;w=256&amp;q=75 256w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F503ecc3e56f177f7bd3f4704a42d827aa2fc202b-1601x1041.png&amp;w=384&amp;q=75 384w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F503ecc3e56f177f7bd3f4704a42d827aa2fc202b-1601x1041.png&amp;w=640&amp;q=75 640w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F503ecc3e56f177f7bd3f4704a42d827aa2fc202b-1601x1041.png&amp;w=750&amp;q=75 750w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F503ecc3e56f177f7bd3f4704a42d827aa2fc202b-1601x1041.png&amp;w=828&amp;q=75 828w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F503ecc3e56f177f7bd3f4704a42d827aa2fc202b-1601x1041.png&amp;w=1080&amp;q=75 1080w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F503ecc3e56f177f7bd3f4704a42d827aa2fc202b-1601x1041.png&amp;w=1200&amp;q=75 1200w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F503ecc3e56f177f7bd3f4704a42d827aa2fc202b-1601x1041.png&amp;w=1920&amp;q=75 1920w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F503ecc3e56f177f7bd3f4704a42d827aa2fc202b-1601x1041.png&amp;w=2048&amp;q=75 2048w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F503ecc3e56f177f7bd3f4704a42d827aa2fc202b-1601x1041.png&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F503ecc3e56f177f7bd3f4704a42d827aa2fc202b-1601x1041.png&amp;w=3840&amp;q=75"/></div><div class="flex h-full flex-col gap-3 bg-white/50 p-6 pb-5 lg:pb-[30px]"><div class="flex flex-col items-start text-gray-800"><span>Bonnie<!-- --> <!-- -->and Nathan Tarbert</span><span>August 8, 2025</span></div><span class="text-lg leading-[20px] font-medium text-gray-1000 lg:text-xl lg:leading-[24px]">Build a Fullstack Stock Portfolio Agent with CrewAI and AG-UI</span><span class="line-clamp-3 min-h-[66px] text-sm leading-[22px] font-medium text-gray-800">In this guide, you will learn how to integrate CrewAI agents with AG-UI protocol. Also, we will cover how to integrate the AG-UI + CrewAI agents with CopilotKit in order to chat with the agent and stream its responses in the frontend.</span></div></a><a class="flex h-full w-full flex-col overflow-hidden rounded-lg border border-white lg:rounded-xl" href="/blog/intro-to-ai-agents"><div class="relative aspect-[16/10] w-full shrink-0 overflow-hidden"><img alt="Intro to AI Agents" loading="lazy" decoding="async" data-nimg="fill" class="object-cover" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw" srcSet="/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F017395c9f1c1dc928c319b4f9d81a96a7d882f4d-1601x1041.png&amp;w=256&amp;q=75 256w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F017395c9f1c1dc928c319b4f9d81a96a7d882f4d-1601x1041.png&amp;w=384&amp;q=75 384w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F017395c9f1c1dc928c319b4f9d81a96a7d882f4d-1601x1041.png&amp;w=640&amp;q=75 640w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F017395c9f1c1dc928c319b4f9d81a96a7d882f4d-1601x1041.png&amp;w=750&amp;q=75 750w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F017395c9f1c1dc928c319b4f9d81a96a7d882f4d-1601x1041.png&amp;w=828&amp;q=75 828w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F017395c9f1c1dc928c319b4f9d81a96a7d882f4d-1601x1041.png&amp;w=1080&amp;q=75 1080w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F017395c9f1c1dc928c319b4f9d81a96a7d882f4d-1601x1041.png&amp;w=1200&amp;q=75 1200w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F017395c9f1c1dc928c319b4f9d81a96a7d882f4d-1601x1041.png&amp;w=1920&amp;q=75 1920w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F017395c9f1c1dc928c319b4f9d81a96a7d882f4d-1601x1041.png&amp;w=2048&amp;q=75 2048w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F017395c9f1c1dc928c319b4f9d81a96a7d882f4d-1601x1041.png&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F017395c9f1c1dc928c319b4f9d81a96a7d882f4d-1601x1041.png&amp;w=3840&amp;q=75"/></div><div class="flex h-full flex-col gap-3 bg-white/50 p-6 pb-5 lg:pb-[30px]"><div class="flex flex-col items-start text-gray-800"><span>Eli Berman<!-- --> <!-- -->and Nathan Tarbert</span><span>August 7, 2025</span></div><span class="text-lg leading-[20px] font-medium text-gray-1000 lg:text-xl lg:leading-[24px]">Intro to AI Agents</span><span class="line-clamp-3 min-h-[66px] text-sm leading-[22px] font-medium text-gray-800">A useful guide for those navigating the AI agent ecosystem. The Agent ecosystem can feel like alphabet soup (RAG, MCP, A2A, AG-UI, LangGraph, Tavily…). We&#x27;ve put together this guide for those trying to get into the ecosystem. </span></div></a><a class="flex h-full w-full flex-col overflow-hidden rounded-lg border border-white lg:rounded-xl" href="/blog/the-best-ai-agent-resources-you-should-know"><div class="relative aspect-[16/10] w-full shrink-0 overflow-hidden"><img alt="The Best AI Agent Resources You Should Know in 2025" loading="lazy" decoding="async" data-nimg="fill" class="object-cover" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw" srcSet="/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F1f7c13bcd815f4e565d24f35b368456c13566ead-1601x1041.png&amp;w=256&amp;q=75 256w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F1f7c13bcd815f4e565d24f35b368456c13566ead-1601x1041.png&amp;w=384&amp;q=75 384w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F1f7c13bcd815f4e565d24f35b368456c13566ead-1601x1041.png&amp;w=640&amp;q=75 640w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F1f7c13bcd815f4e565d24f35b368456c13566ead-1601x1041.png&amp;w=750&amp;q=75 750w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F1f7c13bcd815f4e565d24f35b368456c13566ead-1601x1041.png&amp;w=828&amp;q=75 828w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F1f7c13bcd815f4e565d24f35b368456c13566ead-1601x1041.png&amp;w=1080&amp;q=75 1080w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F1f7c13bcd815f4e565d24f35b368456c13566ead-1601x1041.png&amp;w=1200&amp;q=75 1200w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F1f7c13bcd815f4e565d24f35b368456c13566ead-1601x1041.png&amp;w=1920&amp;q=75 1920w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F1f7c13bcd815f4e565d24f35b368456c13566ead-1601x1041.png&amp;w=2048&amp;q=75 2048w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F1f7c13bcd815f4e565d24f35b368456c13566ead-1601x1041.png&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F1f7c13bcd815f4e565d24f35b368456c13566ead-1601x1041.png&amp;w=3840&amp;q=75"/></div><div class="flex h-full flex-col gap-3 bg-white/50 p-6 pb-5 lg:pb-[30px]"><div class="flex flex-col items-start text-gray-800"><span>Anmol Baranwal<!-- --> </span><span>August 4, 2025</span></div><span class="text-lg leading-[20px] font-medium text-gray-1000 lg:text-xl lg:leading-[24px]">The Best AI Agent Resources You Should Know in 2025</span><span class="line-clamp-3 min-h-[66px] text-sm leading-[22px] font-medium text-gray-800">Most AI Agents used to break the moment you tried plugging them into a real app. The issue was the lack of shared protocols. But that’s changing fast. Over the past year, protocols like AG-UI (user interaction), A2A (agent-to-agent communication), and MCP (for tool access) have changed the ecosystem. So I took the chance to learn these protocols and understand how everything fits together. This post covers everything I picked up about protocols (AG-UI, ACP, A2A, MCP). You will also find a collection of the best educational repos for learning &amp; building AI Agents. This list will give you the foundations and tools you need.</span></div></a><a class="flex h-full w-full flex-col overflow-hidden rounded-lg border border-white lg:rounded-xl" href="/blog/what-i-learned-building-with-ai-agents-10-hard-earned-lessons-for-developers"><div class="relative aspect-[16/10] w-full shrink-0 overflow-hidden"><img alt="What I Learned Building with AI Agents: 10 Hard-Earned Lessons for Developers" loading="lazy" decoding="async" data-nimg="fill" class="object-cover" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw" srcSet="/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F078fd1f665bd83e1602c326ffaee8528f04b997f-1601x1041.png&amp;w=256&amp;q=75 256w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F078fd1f665bd83e1602c326ffaee8528f04b997f-1601x1041.png&amp;w=384&amp;q=75 384w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F078fd1f665bd83e1602c326ffaee8528f04b997f-1601x1041.png&amp;w=640&amp;q=75 640w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F078fd1f665bd83e1602c326ffaee8528f04b997f-1601x1041.png&amp;w=750&amp;q=75 750w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F078fd1f665bd83e1602c326ffaee8528f04b997f-1601x1041.png&amp;w=828&amp;q=75 828w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F078fd1f665bd83e1602c326ffaee8528f04b997f-1601x1041.png&amp;w=1080&amp;q=75 1080w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F078fd1f665bd83e1602c326ffaee8528f04b997f-1601x1041.png&amp;w=1200&amp;q=75 1200w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F078fd1f665bd83e1602c326ffaee8528f04b997f-1601x1041.png&amp;w=1920&amp;q=75 1920w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F078fd1f665bd83e1602c326ffaee8528f04b997f-1601x1041.png&amp;w=2048&amp;q=75 2048w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F078fd1f665bd83e1602c326ffaee8528f04b997f-1601x1041.png&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F078fd1f665bd83e1602c326ffaee8528f04b997f-1601x1041.png&amp;w=3840&amp;q=75"/></div><div class="flex h-full flex-col gap-3 bg-white/50 p-6 pb-5 lg:pb-[30px]"><div class="flex flex-col items-start text-gray-800"><span>Nathan Tarbert<!-- --> </span><span>August 4, 2025</span></div><span class="text-lg leading-[20px] font-medium text-gray-1000 lg:text-xl lg:leading-[24px]">What I Learned Building with AI Agents: 10 Hard-Earned Lessons for Developers</span><span class="line-clamp-3 min-h-[66px] text-sm leading-[22px] font-medium text-gray-800">Building AI-driven agents has been a trial by fire. As a developer, I’ve faced busted demos, odd bugs, and “oh no” moments that taught me more than any success did. That’s why I wanted to put together a list of 10 hard-earned lessons from the trenches of developing AI agents – hopefully, they s
24ave you some headaches.</span></div></a><a class="flex h-full w-full flex-col overflow-hidden rounded-lg border border-white lg:rounded-xl" href="/blog/build-a-fullstack-stock-portfolio-agent-with-langgraph-and-ag-ui"><div class="relative aspect-[16/10] w-full shrink-0 overflow-hidden"><img alt="Build a Fullstack Stock Portfolio Agent with LangGraph and AG-UI" loading="lazy" decoding="async" data-nimg="fill" class="object-cover" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw" srcSet="/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Ffbf7f2a80006d5ea30c4a2adc88829ff6f951c09-1601x1041.png&amp;w=256&amp;q=75 256w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Ffbf7f2a80006d5ea30c4a2adc88829ff6f951c09-1601x1041.png&amp;w=384&amp;q=75 384w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Ffbf7f2a80006d5ea30c4a2adc88829ff6f951c09-1601x1041.png&amp;w=640&amp;q=75 640w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Ffbf7f2a80006d5ea30c4a2adc88829ff6f951c09-1601x1041.png&amp;w=750&amp;q=75 750w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Ffbf7f2a80006d5ea30c4a2adc88829ff6f951c09-1601x1041.png&amp;w=828&amp;q=75 828w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Ffbf7f2a80006d5ea30c4a2adc88829ff6f951c09-1601x1041.png&amp;w=1080&amp;q=75 1080w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Ffbf7f2a80006d5ea30c4a2adc88829ff6f951c09-1601x1041.png&amp;w=1200&amp;q=75 1200w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Ffbf7f2a80006d5ea30c4a2adc88829ff6f951c09-1601x1041.png&amp;w=1920&amp;q=75 1920w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Ffbf7f2a80006d5ea30c4a2adc88829ff6f951c09-1601x1041.png&amp;w=2048&amp;q=75 2048w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Ffbf7f2a80006d5ea30c4a2adc88829ff6f951c09-1601x1041.png&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Ffbf7f2a80006d5ea30c4a2adc88829ff6f951c09-1601x1041.png&amp;w=3840&amp;q=75"/></div><div class="flex h-full flex-col gap-3 bg-white/50 p-6 pb-5 lg:pb-[30px]"><div class="flex flex-col items-start text-gray-800"><span>Bonnie<!-- --> <!-- -->and Nathan Tarbert</span><span>August 1, 2025</span></div><span class="text-lg leading-[20px] font-medium text-gray-1000 lg:text-xl lg:leading-[24px]">Build a Fullstack Stock Portfolio Agent with LangGraph and AG-UI</span><span class="line-clamp-3 min-h-[66px] text-sm leading-[22px] font-medium text-gray-800">In this guide, you will learn how to integrate a LangGraph agent with the AG-UI protocol. Also, we will cover how to integrate the AG-UI + LangGraph agent with CopilotKit in order to chat with the agent and stream its responses in the frontend.</span></div></a><a class="flex h-full w-full flex-col overflow-hidden rounded-lg border border-white lg:rounded-xl" href="/blog/build-a-full-stack-stock-portfolio-agent-with-mastra-and-ag-ui"><div class="relative aspect-[16/10] w-full shrink-0 overflow-hidden"><img alt="Build a Full-Stack Stock Portfolio Agent with Mastra and AG-UI" loading="lazy" decoding="async" data-nimg="fill" class="object-cover" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw" srcSet="/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F02a7f0c1a34af7890f708c6d1a5b0b77ea2c66dd-1601x1041.png&amp;w=256&amp;q=75 256w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F02a7f0c1a34af7890f708c6d1a5b0b77ea2c66dd-1601x1041.png&amp;w=384&amp;q=75 384w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F02a7f0c1a34af7890f708c6d1a5b0b77ea2c66dd-1601x1041.png&amp;w=640&amp;q=75 640w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F02a7f0c1a34af7890f708c6d1a5b0b77ea2c66dd-1601x1041.png&amp;w=750&amp;q=75 750w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F02a7f0c1a34af7890f708c6d1a5b0b77ea2c66dd-1601x1041.png&amp;w=828&amp;q=75 828w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F02a7f0c1a34af7890f708c6d1a5b0b77ea2c66dd-1601x1041.png&amp;w=1080&amp;q=75 1080w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F02a7f0c1a34af7890f708c6d1a5b0b77ea2c66dd-1601x1041.png&amp;w=1200&amp;q=75 1200w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F02a7f0c1a34af7890f708c6d1a5b0b77ea2c66dd-1601x1041.png&amp;w=1920&amp;q=75 1920w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F02a7f0c1a34af7890f708c6d1a5b0b77ea2c66dd-1601x1041.png&amp;w=2048&amp;q=75 2048w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F02a7f0c1a34af7890f708c6d1a5b0b77ea2c66dd-1601x1041.png&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F02a7f0c1a34af7890f708c6d1a5b0b77ea2c66dd-1601x1041.png&amp;w=3840&amp;q=75"/></div><div class="flex h-full flex-col gap-3 bg-white/50 p-6 pb-5 lg:pb-[30px]"><div class="flex flex-col items-start text-gray-800"><span>Bonnie<!-- --> <!-- -->and Nathan Tarbert</span><span>July 30, 2025</span></div><span class="text-lg leading-[20px] font-medium text-gray-1000 lg:text-xl lg:leading-[24px]">Build a Full-Stack Stock Portfolio Agent with Mastra and AG-UI</span><span class="line-clamp-3 min-h-[66px] text-sm leading-[22px] font-medium text-gray-800">In this guide, you will learn how to integrate a Mastra AI agent with the AG-UI protocol. Also, we will c
24over how to integrate the AG-UI + Mastra AI agent with CopilotKit in order to chat with the agent and stream its responses in the frontend.</span></div></a><a class="flex h-full w-full flex-col overflow-hidden rounded-lg border border-white lg:rounded-xl" href="/blog/introducing-pydantic-ai-integration-with-ag-ui"><div class="relative aspect-[16/10] w-full shrink-0 overflow-hidden"><img alt="Introducing Pydantic AI Integration with AG-UI" loading="lazy" decoding="async" data-nimg="fill" class="object-cover" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw" srcSet="/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F1b3e7fe0add324c136988b55b45d75dfc3fb0efc-1601x1041.png&amp;w=256&amp;q=75 256w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F1b3e7fe0add324c136988b55b45d75dfc3fb0efc-1601x1041.png&amp;w=384&amp;q=75 384w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F1b3e7fe0add324c136988b55b45d75dfc3fb0efc-1601x1041.png&amp;w=640&amp;q=75 640w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F1b3e7fe0add324c136988b55b45d75dfc3fb0efc-1601x1041.png&amp;w=750&amp;q=75 750w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F1b3e7fe0add324c136988b55b45d75dfc3fb0efc-1601x1041.png&amp;w=828&amp;q=75 828w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F1b3e7fe0add324c136988b55b45d75dfc3fb0efc-1601x1041.png&amp;w=1080&amp;q=75 1080w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F1b3e7fe0add324c136988b55b45d75dfc3fb0efc-1601x1041.png&amp;w=1200&amp;q=75 1200w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F1b3e7fe0add324c136988b55b45d75dfc3fb0efc-1601x1041.png&amp;w=1920&amp;q=75 1920w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F1b3e7fe0add324c136988b55b45d75dfc3fb0efc-1601x1041.png&amp;w=2048&amp;q=75 2048w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F1b3e7fe0add324c136988b55b45d75dfc3fb0efc-1601x1041.png&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F1b3e7fe0add324c136988b55b45d75dfc3fb0efc-1601x1041.png&amp;w=3840&amp;q=75"/></div><div class="flex h-full flex-col gap-3 bg-white/50 p-6 pb-5 lg:pb-[30px]"><div class="flex flex-col items-start text-gray-800"><span>Steven Hartland<!-- --> <!-- -->and Nathan Tarbert</span><span>July 23, 2025</span></div><span class="text-lg leading-[20px] font-medium text-gray-1000 lg:text-xl lg:leading-[24px]">Introducing Pydantic AI Integration with AG-UI</span><span class="line-clamp-3 min-h-[66px] text-sm leading-[22px] font-medium text-gray-800">We’re excited to share that AG‑UI, the open Agent–User Interaction Protocol from CopilotKit, is now natively supported in **Pydantic AI,** thanks to a new integration built by Steven Hartland at Rocket Science, working hand in hand with the Pydantic AI team.</span></div></a><a class="flex h-full w-full flex-col overflow-hidden rounded-lg border border-white lg:rounded-xl" href="/blog/agent-streams-are-tricky-heres-how-we-got-ours-to-make-sense"><div class="relative aspect-[16/10] w-full shrink-0 overflow-hidden"><img alt="Agent Streams Are Tricky, Here’s How We Got Ours to Make Sense" loading="lazy" decoding="async" data-nimg="fill" class="object-cover" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw" srcSet="/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F4
240f903428e80c49fd17d563ab0f29d3ae3343c68-1601x1041.png&amp;w=256&amp;q=75 256w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F40f903428e80c49fd17d563ab0f29d3ae3343c68-1601x1041.png&amp;w=384&amp;q=75 384w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F40f903428e80c49fd17d563ab0f29d3ae3343c68-1601x1041.png&amp;w=640&amp;q=75 640w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F40f903428e80c49fd17d563ab0f29d3ae3343c68-1601x1041.png&amp;w=750&amp;q=75 750w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F40f903428e80c49fd17d563ab0f29d3ae3343c68-1601x1041.png&amp;w=828&amp;q=75 828w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F40f903428e80c49fd17d563ab0f29d3ae3343c68-1601x1041.png&amp;w=1080&amp;q=75 1080w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F40f903428e80c49fd17d563ab0f29d3ae3343c68-1601x1041.png&amp;w=1200&amp;q=75 1200w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F4
240f903428e80c49fd17d563ab0f29d3ae3343c68-1601x1041.png&amp;w=1920&amp;q=75 1920w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F40f903428e80c49fd17d563ab0f29d3ae3343c68-1601x1041.png&amp;w=2048&amp;q=75 2048w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F40f903428e80c49fd17d563ab0f29d3ae3343c68-1601x1041.png&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F40f903428e80c49fd17d563ab0f29d3ae3343c68-1601x1041.png&amp;w=3840&amp;q=75"/></div><div class="flex h-full flex-col gap-3 bg-white/50 p-6 pb-5 lg:pb-[30px]"><div class="flex flex-col items-start text-gray-800"><span>Ran Shem Tov<!-- --> </span><span>June 19, 2025</span></div><span class="text-lg leading-[20px] font-medium text-gray-1000 lg:text-xl lg:leading-[24px]">Agent Streams Are Tricky, Here’s How We Got Ours to Make Sense</span><span class="line-clamp-3 min-h-[66px] text-sm leading-[22px] font-medium text-gray-800">Over the past year, we’ve spent a lot of time wiring agent frameworks into real frontends. stitching tool calls, tracking partial updates, and guessing when messages end. At some point, we realized we couldn’t keep patching forever.Here’s why, and how we started standardizing instead.</span></div></a><a class="flex h-full w-full flex-col overflow-hidden rounded-lg border border-white lg:rounded-xl" href="/blog/introducing-llamaindex-integration-with-copilotkit"><div class="relative aspect-[16/10] w-full shrink-0 overflow-hidden"><img alt="Introducing the LlamaIndex Integration with AG-UI &amp; CopilotKit" loading="lazy" decoding="async" data-nimg="fill" class="object-cover" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw" srcSet="/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F6f33d35b10cd6c855d6373bc8458dc752306b91f-1601x1041.png&amp;w=256&amp;q=75 256w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F6f33d35b10cd6c855d6373bc8458dc752306b91f-1601x1041.png&amp;w=384&amp;q=75 384w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F6f33d35b10cd6c855d6373bc8458dc752306b91f-1601x1041.png&amp;w=640&amp;q=75 640w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F6f33d35b10cd6c855d6373bc8458dc752306b91f-1601x1041.png&amp;w=750&amp;q=75 750w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F6f33d35b10cd6c855d6373bc8458dc752306b91f-1601x1041.png&amp;w=828&amp;q=75 828w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F6f33d35b10cd6c855d6373bc8458dc752306b91f-1601x1041.png&amp;w=1080&amp;q=75 1080w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F6f33d35b10cd6c855d6373bc8458dc752306b91f-1601x1041.png&amp;w=1200&amp;q=75 1200w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F6f33d35b10cd6c855d6373bc8458dc752306b91f-1601x1041.png&amp;w=1920&amp;q=75 1920w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F6f33d35b10cd6c855d6373bc8458dc752306b91f-1601x1041.png&amp;w=2048&amp;q=75 2048w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F6f33d35b10cd6c855d6373bc8458dc752306b91f-1601x1041.png&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F6f33d35b10cd6c855d6373bc8458dc752306b91f-1601x1041.png&amp;w=3840&amp;q=75"/></div><div class="flex h-full flex-col gap-3 bg-white/50 p-6 pb-5 lg:pb-[30px]"><div class="flex flex-col items-start text-gray-800"><span>Laurie Voss<!-- --> </span><span>June 18, 2025</span></div><span class="text-lg leading-[20px] font-medium text-gray-1000 lg:text-xl lg:leading-[24px]">Introducing the LlamaIndex Integration with AG-UI &amp; CopilotKit</span><span class="line-clamp-3 min-h-[66px] text-sm leading-[22px] font-medium text-gray-800">It’s been a big month for CopilotKit’s AG-UI project, which launched just over a month ago!
25Since then, both CopilotKit and AG-UI have seen strong adoption, and today we’re celebrating with a wave of new features and updates. We’re also excited to announce that LlamaIndex is joining the celebration with the launch of their official AG-UI integration!</span></div></a><a class="flex h-full w-full flex-col overflow-hidden rounded-lg border border-white lg:rounded-xl" href="/blog/introducing-agno-integration-with-copilotkit"><div class="relative aspect-[16/10] w-full shrink-0 overflow-hidden"><img alt="Introducing the Agno Integration with AG-UI &amp; CopilotKit" loading="lazy" decoding="async" data-nimg="fill" class="object-cover" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw" srcSet="/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F490d74b18c43283485f2180228638b77d950abf5-1601x1041.png&amp;w=256&amp;q=75 256w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F490d74b18c43283485f2180228638b77d950abf5-1601x1041.png&amp;w=384&amp;q=75 384w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F490d74b18c43283485f2180228638b77d950abf5-1601x1041.png&amp;w=640&amp;q=75 640w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F490d74b18c43283485f2180228638b77d950abf5-1601x1041.png&amp;w=750&amp;q=75 750w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F490d74b18c43283485f2180228638b77d950abf5-1601x1041.png&amp;w=828&amp;q=75 828w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F490d74b18c43283485f2180228638b77d950abf5-1601x1041.png&amp;w=1080&amp;q=75 1080w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F490d74b18c43283485f2180228638b77d950abf5-1601x1041.png&amp;w=1200&amp;q=75 1200w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F490d74b18c43283485f2180228638b77d950abf5-1601x1041.png&amp;w=1920&amp;q=75 1920w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F490d74b18c43283485f2180228638b77d950abf5-1601x1041.png&amp;w=2048&amp;q=75 2048w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F490d74b18c43283485f2180228638b77d950abf5-1601x1041.png&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F490d74b18c43283485f2180228638b77d950abf5-1601x1041.png&amp;w=3840&amp;q=75"/></div><div class="flex h-full flex-col gap-3 bg-white/50 p-6 pb-5 lg:pb-[30px]"><div class="flex flex-col items-start text-gray-800"><span>Ashpreet Bedi<!-- --> </span><span>June 18, 2025</span></div><span class="text-lg leading-[20px] font-medium text-gray-1000 lg:text-xl lg:leading-[24px]">Introducing the Agno Integration with AG-UI &amp; CopilotKit</span><span class="line-clamp-3 min-h-[66px] text-sm leading-[22px] font-medium text-gray-800">We’re excited to announce the official CopilotKit integration with Agno via AG-UI — the open protocol for Agent-User Interactions. With this integration, you can now expose your Agno agents as AG-UI compatible apps.</span></div></a><a class="flex h-full w-full flex-col overflow-hidden rounded-lg border border-white lg:rounded-xl" href="/blog/ag-ui-protocol-bridging-agents-to-any-front-end"><div class="relative aspect-[16/10] w-full shrink-0 overflow-hidden"><img alt="AG-UI Protocol: Bridging Agents to Any Front End" loading="lazy" decoding="async" data-nimg="fill" class="object-cover" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw" srcSet="/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F7841c2536496de3f89aca48646fd8510fc52cf0f-1601x1041.png&amp;w=256&amp;q=75 256w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F7841c2536496de3f89aca48646fd8510fc52cf0f-1601x1041.png&amp;w=384&amp;q=75 384w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F7841c2536496de3f89aca48646fd8510fc52cf0f-1601x1041.png&amp;w=640&amp;q=75 640w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F7841c2536496de3f89aca48646fd8510fc52cf0f-1601x1041.png&amp;w=750&amp;q=75 750w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F7841c2536496de3f89aca48646fd8510fc52cf0f-1601x1041.png&amp;w=828&amp;q=75 828w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F7841c2536496de3f89aca48646fd8510fc52cf0f-1601x1041.png&amp;w=1080&amp;q=75 1080w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F7841c2536496de3f89aca48646fd8510fc52cf0f-1601x1041.png&amp;w=1200&amp;q=75 1200w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F7841c2536496de3f89aca48646fd8510fc52cf0f-1601x1041.png&amp;w=1920&amp;q=75 1920w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F7841c2536496de3f89aca48646fd8510fc52cf0f-1601x1041.png&amp;w=2048&amp;q=75 2048w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F7841c2536496de3f89aca48646fd8510fc52cf0f-1601x1041.png&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F7841c2536496de3f89aca48646fd8510fc52cf0f-1601x1041.png&amp;w=3840&amp;q=75"/></div><div class="flex h-full flex-col gap-3 bg-white/50 p-6 pb-5 lg:pb-[30px]"><div class="flex flex-col items-start text-gray-800"><span>Nathan Tarbert<!-- --> </span><span>June 2, 2025</span></div><span class="text-lg leading-[20px] font-medium text-gray-1000 lg:text-xl lg:leading-[24px]">AG-UI Protocol: Bridging Agents to Any Front End</span><span class="line-clamp-3 min-h-[66px] text-sm leading-[22px] font-medium text-gray-800">In the past two years, powerful backend agents have entered the market. Tools like GitHub Copilot, Cursor, and Notion AI are already helping professionals write code faster, brainstorm content, and automate work. These are user-facing AI agents that collaborate with people in real time.</span></div></a><a class="flex h-full w-full flex-col overflow-hidden rounded-lg border border-white lg:rounded-xl" href="/blog/big-updates-on-ag-ui"><div class="relative aspect-[16/10] w-full shrink-0 overflow-hidden"><img alt="Big Updates on AG-UI: Massive Traction and Adoption" loading="lazy" decoding="async" data-nimg="fill" class="object-cover" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw" srcSet="/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fda1a294d42ff312dae9ba0cec814c43e1def4de4-1601x1041.png&amp;w=256&amp;q=75 256w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fda1a294d42ff312dae9ba0cec814c43e1def4de4-1601x1041.png&amp;w=384&amp;q=75 384w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fda1a294d42ff312dae9ba0cec814c43e1def4de4-1601x1041.png&amp;w=640&amp;q=75 640w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fda1a294d42ff312dae9ba0cec814c43e1def4de4-1601x1041.png&amp;w=750&amp;q=75 750w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fda1a294d42ff312dae9ba0cec814c43e1def4de4-1601x1041.png&amp;w=828&amp;q=75 828w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fda1a294d42ff312dae9ba0cec814c43e1def4de4-1601x1041.png&amp;w=1080&amp;q=75 1080w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fda1a294d42ff312dae9ba0cec814c43e1def4de4-1601x1041.png&amp;w=1200&amp;q=75 1200w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fda1a294d42ff312dae9ba0cec814c43e1def4de4-1601x1041.png&amp;w=1920&amp;q=75 1920w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fda1a294d42ff312dae9ba0cec814c43e1def4de4-1601x1041.png&amp;w=2048&amp;q=75 2048w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fda1a294d42ff312dae9ba0cec814c43e1def4de4-1601x1041.png&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fda1a294d42ff312dae9ba0cec814c43e1def4de4-1601x1041.png&amp;w=3840&amp;q=75"/></div><div class="flex h-full flex-col gap-3 bg-white/50 p-6 pb-5 lg:pb-[30px]"><div class="flex flex-col items-start text-gray-800"><span>Uli Barkai<!-- --> </span><span>June 2, 2025</span></div><span class="text-lg leading-[20px] font-medium text-gray-1000 lg:text-xl lg:leading-[24px]">Big Updates on AG-UI: Massive Traction and Adoption</span><span class="line-clamp-3 min-h-[66px] text-sm leading-[22px] font-medium text-gray-800">We launched AG-UI one month ago, and it’s been incredible to see the reception and adoption. Millions of views for content on AG-UI, tens of thousands of developers building, and new contributions &amp; integrations in the pipeline by some of the most important players in the space, including **Agno, AWS, LlamaIndex, Alibaba, and more!**</span></div></a><a class="flex h-full w-full flex-col overflow-hidden rounded-lg border border-white lg:rounded-xl" href="/blog/how-to-add-a-frontend-to-any-langgraph-agent-using-ag-ui-protocol"><div class="relative aspect-[16/10] w-full shrink-0 overflow-hidden"><img alt="How to add a Frontend to any LangGraph Agent using AG-UI Protocol" loading="lazy" decoding="async" data-nimg="fill" class="object-cover" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw" srcSet="/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F649a8540d639b46f8ffc8f2c937d78d916cede94-1601x1041.png&amp;w=256&amp;q=75 256w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F649a8540d639b46f8ffc8f2c937d78d916cede94-1601x1041.png&amp;w=384&amp;q=75 384w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F649a8540d639b46f8ffc8f2c937d78d916cede94-1601x1041.png&amp;w=640&amp;q=75 640w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F649a8540d639b46f8ffc8f2c937d78d916cede94-1601x1041.png&amp;w=750&amp;q=75 750w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F649a8540d639b46f8ffc8f2c937d78d916cede94-1601x1041.png&amp;w=828&amp;q=75 828w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F649a8540d639b46f8ffc8f2c937d78d916cede94-1601x1041.png&amp;w=1080&amp;q=75 1080w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F649a8540d639b46f8ffc8f2c937d78d916cede94-1601x1041.png&amp;w=1200&amp;q=75 1200w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F649a8540d639b46f8ffc8f2c937d78d916cede94-1601x1041.png&amp;w=1920&amp;q=75 1920w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F649a8540d639b46f8ffc8f2c937d78d916cede94-1601x1041.png&amp;w=2048&amp;q=75 2048w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F649a8540d639b46f8ffc8f2c937d78d916cede94-1601x1041.png&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F649a8540d639b46f8ffc8f2c937d78d916cede94-1601x1041.png&amp;w=3840&amp;q=75"/></div><div class="flex h-full flex-col gap-3 bg-white/50 p-6 pb-5 lg:pb-[30px]"><div class="flex flex-col items-start text-gray-800"><span>Bonnie<!-- --> <!-- -->and Nathan Tarbert</span><span>May 29, 2025</span></div><span class="text-lg leading-[20px] font-medium text-gray-1000 lg:text-xl lg:leading-[24px]">How to add a Frontend to any LangGraph Agent using AG-UI Protocol</span><span class="line-clamp-3 min-h-[66px] text-sm leading-[22px] font-medium
25 text-gray-800">In this article, you will learn how to add a frontend to any LangGraph agent using the Agent User Interaction Protocol (AG-UI) developed by CopilotKit.</span></div></a><a class="flex h-full w-full flex-col overflow-hidden rounded-lg border border-white lg:rounded-xl" href="/blog/how-to-add-a-frontend-to-any-crewai-agent-using-ag-ui-protocol"><div class="relative aspect-[16/10] w-full shrink-0 overflow-hidden"><img alt="How to add a Frontend to any CrewAI Agent using AG-UI Protocol" loading="lazy" decoding="async" data-nimg="fill" class="object-cover" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw" srcSet="/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fd8d381db0a2770469bdbbf2db82b44b2d1c8cb0c-1601x1041.png&amp;w=256&amp;q=75 256w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fd8d381db0a2770469bdbbf2db82b44b2d1c8cb0c-1601x1041.png&amp;w=384&amp;q=75 384w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fd8d381db0a2770469bdbbf2db82b44b2d1c8cb0c-1601x1041.png&amp;w=640&amp;q=75 640w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fd8d381db0a2770469bdbbf2db82b44b2d1c8cb0c-1601x1041.png&amp;w=750&amp;q=75 750w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fd8d381db0a2770469bdbbf2db82b44b2d1c8cb0c-1601x1041.png&amp;w=828&amp;q=75 828w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fd8d381db0a2770469bdbbf2db82b44b2d1c8cb0c-1601x1041.png&amp;w=1080&amp;q=75 1080w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fd8d381db0a2770469bdbbf2db82b44b2d1c8cb0c-1601x1041.png&amp;w=1200&amp;q=75 1200w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fd8d381db0a2770469bdbbf2db82b44b2d1c8cb0c-1601x1041.png&amp;w=1920&amp;q=75 1920w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fd8d381db0a2770469bdbbf2db82b44b2d1c8cb0c-1601x1041.png&amp;w=2048&amp;q=75 2048w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fd8d381db0a2770469bdbbf2db82b44b2d1c8cb0c-1601x1041.png&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fd8d381db0a2770469bdbbf2db82b44b2d1c8cb0c-1601x1041.png&amp;w=3840&amp;q=75"/></div><div class="flex h-full flex-col gap-3 bg-white/50 p-6 pb-5 lg:pb-[30px]"><div class="flex flex-col items-start text-gray-800"><span>Bonnie<!-- --> <!-- -->and Nathan Tarbert</span><span>May 29, 2025</span></div><span class="text-lg leading-[20px] font-medium text-gray-1000 lg:text-xl lg:leading-[24px]">How to add a Frontend to any CrewAI Agent using AG-UI Protocol</span><span class="line-clamp-3 min-h-[66px] text-sm leading-[22px] font-medium text-gray-800">In this article, you will learn how to add a frontend to any CrewAI agents using the Agent User Interaction Protocol (AG-UI) developed by CopilotKit.</span></div></a><a class="flex h-full w-full flex-col overflow-hidden rounded-lg border border-white lg:rounded-xl" href="/blog/how-to-add-a-frontend-to-any-mastra-agent-using-ag-ui-protocol"><div class="relative aspect-[16/10] w-full shrink-0 overflow-hidden"><img alt="How to add a Frontend to any Mastra Agent using AG-UI Protocol" loading="lazy" decoding="async" data-nimg="fill" class="object-cover" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw" srcSet="/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fe22b13e1553c863f0f40fbf221a61096d5debc72-1601x1041.png&amp;w=256&amp;q=75 256w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fe22b13e1553c863f0f40fbf221a61096d5debc72-1601x1041.png&amp;w=384&amp;q=75 384w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fe22b13e1553c863f0f40fbf221a61096d5debc72-1601x1041.png&amp;w=640&amp;q=75 640w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fe22b13e1553c863f0f40fbf221a61096d5debc72-1601x1041.png&amp;w=750&amp;q=75 750w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fe22b13e1553c863f0f40fbf221a61096d5debc72-1601x1041.png&amp;w=828&amp;q=75 828w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fe22b13e1553c863f0f40fbf221a61096d5debc72-1601x1041.png&amp;w=1080&amp;q=75 1080w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fe22b13e1553c863f0f40fbf221a61096d5debc72-1601x1041.png&amp;w=1200&amp;q=75 1200w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fe22b13e1553c863f0f40fbf221a61096d5debc72-1601x1041.png&amp;w=1920&amp;q=75 1920w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fe22b13e1553c863f0f40fbf221a61096d5debc72-1601x1041.png&amp;w=2048&amp;q=75 2048w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fe22b13e1553c863f0f40fbf221a61096d5debc72-1601x1041.png&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fe22b13e1553c863f0f40fbf221a61096d5debc72-1601x1041.png&amp;w=3840&amp;q=75"/></div><div class="flex h-full flex-col gap-3 bg-white/50 p-6 pb-5 lg:pb-[30px]"><div class="flex flex-col items-start text-gray-800"><span>Bonnie<!-- --> <!-- -->and Nathan Tarbert</span><span>May 29, 2025</span></div><span class="text-lg leading-[20px] font-medium text-gray-1000 lg:text-xl lg:leading-[24px]">How to add a Frontend to any Mastra Agent using AG-UI Protocol</span><span class="line-clamp-3 min-h-[66px] text-sm leading-[22px] font-medium text-gray-800">In this article, you will learn how to add a frontend to any Mastra agent using the Agent User Interaction Protocol (AG-UI) developed by CopilotKit.</span></div></a><a class="flex h-full w-full flex-col overflow-hidden rounded-lg border border-white lg:rounded-xl" href="/blog/how-to-add-a-frontend-to-any-ag2-agent-using-ag-ui-protocol"><div class="relative aspect-[16/10] w-full shrink-0 overflow-hidden"><img alt="How to add a Frontend to any AG2 Agent using AG-UI Protocol" loading="lazy" decoding="async" data-nimg="fill" class="object-cover" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw" srcSet="/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fa4cc394d82b0a54c2e9cbe682b0c0d208ec3e98a-1601x1041.png&amp;w=256&amp;q=75 256w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fa4cc394d82b0a54c2e9cbe682b0c0d208ec3e98a-1601x1041.png&amp;w=384&amp;q=75 384w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fa4cc394d82b0a54c2e9cbe682b0c0d208ec3e98a-1601x1041.png&amp;w=640&amp;q=75 640w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fa4cc394d82b0a54c2e9cbe682b0c0d208ec3e98a-1601x1041.png&amp;w=750&amp;q=75 750w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fa4cc394d82b0a54c2e9cbe682b0c0d208ec3e98a-1601x1041.png&amp;w=828&amp;q=75 828w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fa4cc394d82b0a54c2e9cbe682b0c0d208ec3e98a-1601x1041.png&amp;w=1080&amp;q=75 1080w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fa4cc394d82b0a54c2e9cbe682b0c0d208ec3e98a-1601x1041.png&amp;w=1200&amp;q=75 1200w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fa4cc394d82b0a54c2e9cbe682b0c0d208ec3e98a-1601x1041.png&amp;w=1920&amp;q=75 1920w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fa4cc394d82b0a54c2e9cbe682b0c0d208ec3e98a-1601x1041.png&amp;w=2048&amp;q=75 2048w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fa4cc394d82b0a54c2e9cbe682b0c0d208ec3e98a-1601x1041.png&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fa4cc394d82b0a54c2e9cbe682b0c0d208ec3e98a-1601x1041.png&amp;w=3840&amp;q=75"/></div><div class="flex h-full flex-col gap-3 bg-white/50 p-6 pb-5 lg:pb-[30px]"><div class="flex flex-col items-start text-gray-800"><span>Bonnie<!-- --> <!-- -->and Nathan Tarbert</span><span>May 29, 2025</span></div><span class="text-lg leading-[20px] font-medium text-gray-1000 lg:text-xl lg:leading-[24px]">How to add a Frontend to any AG2 Agent using AG-UI Protocol</span><span class="line-clamp-3 min-h-[66px] text-sm leading-[22px] font-medium text-gray-800">In this article, you will learn how to add a frontend to any AG2 agent using the Agent User Interaction Protocol (AG-UI) developed by CopilotKit.</span></div></a><a class="flex h-full w-full flex-col overflow-hidden rounded-lg border border-white lg:rounded-xl" href="/blog/ag2-now-integrated-with-copilotkit"><div class="relative aspect-[16/10] w-full shrink-0 overflow-hidden"><img alt="Introducing AG2&#x27;s Integration with CopilotKit" loading="lazy" decoding="async" data-nimg="fill" class="object-cover" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw" srcSet="/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F9814d7831dea5032ce686ee82300a8c7eaddf82f-1601x1040.png&amp;w=256&amp;q=75 256w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F9814d7831dea5032ce686ee82300a8c7eaddf82f-1601x1040.png&amp;w=384&amp;q=75 384w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F9814d7831dea5032ce686ee82300a8c7eaddf82f-1601x1040.png&amp;w=640&amp;q=75 640w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F9814d7831dea5032ce686ee82300a8c7eaddf82f-1601x1040.png&amp;w=750&amp;q=75 750w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F9814d7831dea5032ce686ee82300a8c7eaddf82f-1601x1040.png&amp;w=828&amp;q=75 828w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F9814d7831dea5032ce686ee82300a8c7eaddf82f-1601x1040.png&amp;w=1080&amp;q=75 1080w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F9814d7831dea5032ce686ee82300a8c7eaddf82f-1601x1040.png&amp;w=1200&amp;q=75 1200w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F9814d7831dea5032ce686ee82300a8c7eaddf82f-1601x1040.png&amp;w=1920&amp;q=75 1920w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F9814d7831dea5032ce686ee82300a8c7eaddf82f-1601x1040.png&amp;w=2048&amp;q=75 2048w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F9814d7831dea5032ce686ee82300a8c7eaddf82f-1601x1040.png&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F9814d7831dea5032ce686ee82300a8c7eaddf82f-1601x1040.png&amp;w=3840&amp;q=75"/></div><div class="flex h-full flex-col gap-3 bg-white/50 p-6 pb-5 lg:pb-[30px]"><div class="flex flex-col items-start text-gray-800"><span>Harish Mohan Raj<!-- --> </span><span>May 12, 2025</span></div><span class="text-lg leading-[20px] font-medium text-gray-1000 lg:text-xl lg:leading-[24px]">Introducing AG2&#x27;s Integration with CopilotKit</span><span class="line-clamp-3 min-h-[66px] text-sm leading-[22px] font-medium text-gray-800">We’re excited to announce that CopilotKit now integrates with AG2, bringing together AG2’s multi-agent orchestration capabilities with CopilotKit’s React UI components. This integration creates a more seamless development experience for building AI-powered a
25pplications.</span></div></a><a class="flex h-full w-full flex-col overflow-hidden rounded-lg border border-white lg:rounded-xl" href="/blog/introducing-ag-ui-the-protocol-where-agents-meet-users"><div class="relative aspect-[16/10] w-full shrink-0 overflow-hidden"><img alt="Introducing AG-UI: The Protocol Where Agents Meet Users" loading="lazy" decoding="async" data-nimg="fill" class="object-cover" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw" srcSet="/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F9d1ca3c60c7b578ff6d34297fbefaa3a4669c5d1-1601x1041.png&amp;w=256&amp;q=75 256w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F9d1ca3c60c7b578ff6d34297fbefaa3a4669c5d1-1601x1041.png&amp;w=384&amp;q=75 384w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F9d1ca3c60c7b578ff6d34297fbefaa3a4669c5d1-1601x1041.png&amp;w=640&amp;q=75 640w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F9d1ca3c60c7b578ff6d34297fbefaa3a4669c5d1-1601x1041.png&amp;w=750&amp;q=75 750w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F9d1ca3c60c7b578ff6d34297fbefaa3a4669c5d1-1601x1041.png&amp;w=828&amp;q=75 828w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F9d1ca3c60c7b578ff6d34297fbefaa3a4669c5d1-1601x1041.png&amp;w=1080&amp;q=75 1080w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F9d1ca3c60c7b578ff6d34297fbefaa3a4669c5d1-1601x1041.png&amp;w=1200&amp;q=75 1200w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F9d1ca3c60c7b578ff6d34297fbefaa3a4669c5d1-1601x1041.png&amp;w=1920&amp;q=75 1920w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F9d1ca3c60c7b578ff6d34297fbefaa3a4669c5d1-1601x1041.png&amp;w=2048&amp;q=75 2048w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F9d1ca3c60c7b578ff6d34297fbefaa3a4669c5d1-1601x1041.png&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F9d1ca3c60c7b578ff6d34297fbefaa3a4669c5d1-1601x1041.png&amp;w=3840&amp;q=75"/></div><div class="flex h-full flex-col gap-3 bg-white/50 p-6 pb-5 lg:pb-[30px]"><div class="flex flex-col items-start text-gray-800"><span>Nathan Tarbert<!-- --> </span><span>May 12, 2025</span></div><span class="text-lg leading-[20px] font-medium text-gray-1000 lg:text-xl lg:leading-[24px]">Introducing AG-UI: The Protocol Where Agents Meet Users</span><span class="line-clamp-3 min-h-[66px] text-sm leading-[22px] font-medium text-gray-800">Today, we are excited to announce the launch of our new open-protocol, AG-UI, the Agent-User Interaction Protocol.
26A bridge between backend AI agents and full-stack applications. Where agents meet users.</span></div></a><a class="flex h-full w-full flex-col overflow-hidden rounded-lg border border-white lg:rounded-xl" href="/blog/introducing-mastras-integration-with-copilotkit"><div class="relative aspect-[16/10] w-full shrink-0 overflow-hidden"><img alt="Introducing Mastra&#x27;s Integration with CopilotKit" loading="lazy" decoding="async" data-nimg="fill" class="object-cover" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw" srcSet="/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Ffbfce7b15111a5a5f88463729a3af93267ea4922-1602x1041.png&amp;w=256&amp;q=75 256w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Ffbfce7b15111a5a5f88463729a3af93267ea4922-1602x1041.png&amp;w=384&amp;q=75 384w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Ffbfce7b15111a5a5f88463729a3af93267ea4922-1602x1041.png&amp;w=640&amp;q=75 640w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Ffbfce7b15111a5a5f88463729a3af93267ea4922-1602x1041.png&amp;w=750&amp;q=75 750w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Ffbfce7b15111a5a5f88463729a3af93267ea4922-1602x1041.png&amp;w=828&amp;q=75 828w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Ffbfce7b15111a5a5f88463729a3af93267ea4922-1602x1041.png&amp;w=1080&amp;q=75 1080w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Ffbfce7b15111a5a5f88463729a3af93267ea4922-1602x1041.png&amp;w=1200&amp;q=75 1200w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Ffbfce7b15111a5a5f88463729a3af93267ea4922-1602x1041.png&amp;w=1920&amp;q=75 1920w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Ffbfce7b15111a5a5f88463729a3af93267ea4922-1602x1041.png&amp;w=2048&amp;q=75 2048w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Ffbfce7b15111a5a5f88463729a3af93267ea4922-1602x1041.png&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Ffbfce7b15111a5a5f88463729a3af93267ea4922-1602x1041.png&amp;w=3840&amp;q=75"/></div><div class="flex h-full flex-col gap-3 bg-white/50 p-6 pb-5 lg:pb-[30px]"><div class="flex flex-col items-start text-gray-800"><span>Shane Thomas<!-- --> </span><span>May 12, 2025</span></div><span class="text-lg leading-[20px] font-medium text-gray-1000 lg:text-xl lg:leading-[24px]">Introducing Mastra&#x27;s Integration with CopilotKit</span><span class="line-clamp-3 min-h-[66px] text-sm leading-[22px] font-medium text-gray-800">Introducing Mastra&#x27;s integration with CopilotKit to bridge the backend agent with the user interactive layer.</sp
26an></div></a><a class="flex h-full w-full flex-col overflow-hidden rounded-lg border border-white lg:rounded-xl" href="/blog/add-an-mcp-client-to-any-react-app-in-under-30-minutes"><div class="relative aspect-[16/10] w-full shrink-0 overflow-hidden"><img alt="Add an MCP Client to Any React App in Under 30 Minutes" loading="lazy" decoding="async" data-nimg="fill" class="object-cover" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw" srcSet="/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Feb4a4c4333fe73610be983ecd58cacc01bbf7ecf-1602x1041.png&amp;w=256&amp;q=75 256w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Feb4a4c4333fe73610be983ecd58cacc01bbf7ecf-1602x1041.png&amp;w=384&amp;q=75 384w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Feb4a4c4333fe73610be983ecd58cacc01bbf7ecf-1602x1041.png&amp;w=640&amp;q=75 640w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Feb4a4c4333fe73610be983ecd58cacc01bbf7ecf-1602x1041.png&amp;w=750&amp;q=75 750w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Feb4a4c4333fe73610be983ecd58cacc01bbf7ecf-1602x1041.png&amp;w=828&amp;q=75 828w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Feb4a4c4333fe73610be983ecd58cacc01bbf7ecf-1602x1041.png&amp;w=1080&amp;q=75 1080w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Feb4a4c4333fe73610be983ecd58cacc01bbf7ecf-1602x1041.png&amp;w=1200&amp;q=75 1200w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Feb4a4c4333fe73610be983ecd58cacc01bbf7ecf-1602x1041.png&amp;w=1920&amp;q=75 1920w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Feb4a4c4333fe73610be983ecd58cacc01bbf7ecf-1602x1041.png&amp;w=2048&amp;q=75 2048w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Feb4a4c4333fe73610be983ecd58cacc01bbf7ecf-1602x1041.png&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Feb4a4c4333fe73610be983ecd58cacc01bbf7ecf-1602x1041.png&amp;w=3840&amp;q=75"/></div><div class="flex h-full flex-col gap-3 bg-white/50 p-6 pb-5 lg:pb-[30px]"><div class="flex flex-col items-start text-gray-800"><span>Anmol Baranwal<!-- --> </span><span>May 1, 2025</span></div><span class="text-lg leading-[20px] font-medium text-gray-1000 lg:text-xl lg:leading-[24px]">Add an MCP Client to Any React App in Under 30 Minutes</span><span class="line-clamp-3 min-h-[66px] text-sm leading-[22px] font-medium text-gray-800">AI Agents have unlocked powerful use cases so developers are automating complex workflows. But sometimes you just want to build smart stuff without all the extra complexity, which can be achieved using agentless architecture. Today, we will learn about what it means, how MCP fits in the whole scenario, and how to build our own agentless applications using CopilotKit (framework) with Composio servers.</span></div></a><a class="flex h-full w-full flex-col overflow-hidden rounded-lg border border-white lg:rounded-xl" href="/blog/copilotkit-now-supports-multiple-ai-agent-frameworks"><div class="relative aspect-[16/10] w-full shrink-0 overflow-hidden"><img alt="🚀 Why CopilotKit is Going All-In on User-Interactive AI Agents" loading="lazy" decoding="async" data-nimg="fill" class="object-cover" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw" srcSet="/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fc6e7070edb54f58321e213d0104a48044f176641-1601x1040.png&amp;w=256&amp;q=75 256w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fc6e7070edb54f58321e213d0104a48044f176641-1601x1040.png&amp;w=384&amp;q=75 384w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fc6e7070edb54f58321e213d0104a48044f176641-1601x1040.png&amp;w=640&amp;q=75 640w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fc6e7070edb54f58321e213d0104a48044f176641-1601x1040.png&amp;w=750&amp;q=75 750w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fc6e7070edb54f58321e213d0104a48044f176641-1601x1040.png&amp;w=828&amp;q=75 828w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fc6e7070edb54f58321e213d0104a48044f176641-1601x1040.png&amp;w=1080&amp;q=75 1080w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fc6e7070edb54f58321e213d0104a48044f176641-1601x1040.png&amp;w=1200&amp;q=75 1200w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fc6e7070edb54f58321e213d0104a48044f176641-1601x1040.png&amp;w=1920&amp;q=75 1920w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fc6e7070edb54f58321e213d0104a48044f176641-1601x1040.png&amp;w=2048&amp;q=75 2048w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fc6e7070edb54f58321e213d0104a48044f176641-1601x1040.png&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fc6e7070edb54f58321e213d0104a48044f176641-1601x1040.png&amp;w=3840&amp;q=75"/></div><div class="flex h-full flex-col gap-3 bg-white/50 p-6 pb-5 lg:pb-[30px]"><div class="flex flex-col items-start text-gray-800"><span>Graham McBain<!-- --> </span><span>April 8, 2025</span></div><span class="text-lg leading-[20px] font-medium text-gray-1000 lg:text-xl lg:leading-[24px]">🚀 Why CopilotKit is Going All-In on User-Interactive AI Agents</span><span class="line-clamp-3 min-h-[66px] text-sm leading-[22px] font-medium text-gray-800">Today, we’re excited to share why CopilotKit is doubling down on user-interactive AI agents—copilots designed specifically to work alongside users rather than autonomously.</span></div></a><a class="flex h-full w-full flex-col overflow-hidden rounded-lg border border-white lg:rounded-xl" href="/blog/announcing-crewai-support"><div class="relative aspect-[16/10] w-full shrink-0 overflow-hidden"><img alt="CopilotKit Expands Capabilities with CrewAI Integration for CoAgents" loading="lazy" decoding="async" data-nimg="fill" class="object-cover" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw" srcSet="/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fc9b60506699e5d4e443869ecce28c1fb4a069f7e-1601x1040.png&amp;w=256&amp;q=75 256w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fc9b60506699e5d4e443869ecce28c1fb4a069f7e-1601x1040.png&amp;w=384&amp;q=75 384w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fc9b60506699e5d4e443869ecce28c1fb4a069f7e-1601x1040.png&amp;w=640&amp;q=75 640w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fc9b60506699e5d4e443869ecce28c1fb4a069f7e-1601x1040.png&amp;w=750&amp;q=75 750w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fc9b60506699e5d4e443869ecce28c1fb4a069f7e-1601x1040.png&amp;w=828&amp;q=75 828w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fc9b60506699e5d4e443869ecce28c1fb4a069f7e-1601x1040.png&amp;w=1080&amp;q=75 1080w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fc9b60506699e5d4e443869ecce28c1fb4a069f7e-1601x1040.png&amp;w=1200&amp;q=75 1200w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fc9b60506699e5d4e443869ecce28c1fb4a069f7e-1601x1040.png&amp;w=1920&amp;q=75 1920w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fc9b60506699e5d4e443869ecce28c1fb4a069f7e-1601x1040.png&amp;w=2048&amp;q=75 2048w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fc9b60506699e5d4e443869ecce28c1fb4a069f7e-1601x1040.png&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fc9b60506699e5d4e443869ecce28c1fb4a069f7e-1601x1040.png&amp;w=3840&amp;q=75"/></div><div class="flex h-full flex-col gap-3 bg-white/50 p-6 pb-5 lg:pb-[30px]"><div class="flex flex-col items-start text-gray-800"><span>Graham McBain<!-- --> </span><span>March 27, 2025</span></div><span class="text-lg leading-[20px] font-medium text-gray-1000 lg:text-xl lg:leading-[24px]">CopilotKit Expands Capabilities with CrewAI Integration for CoAgents</span><span class="line-clamp-3 min-h-[66px] text-sm leading-[22px] font-medium text-gray-800">We’re excited to share that you can now build a UI for all your Crews using CopilotKit.</span></div></a><a class="flex h-full w-full flex-col overflow-hidden rounded-lg border border-white lg:rounded-xl" href="/blog/how-to-build-full-stack-ai-agents-crewai-copilotkit"><div class="relative aspect-[16/10] w-full shrink-0 overflow-hidden"><img alt="How To Build Full-Stack AI Agents 🚀 (CrewAI + CopilotKit)" loading="lazy" decoding="async" data-nimg="fill" class="object-cover" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw" srcSet="/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Febd3d40c6052af3cd05ad6012606e8d39c329713-1601x1040.png&amp;w=256&amp;q=75 256w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Febd3d40c6052af3cd05ad6012606e8d39c329713-1601x1040.png&amp;w=384&amp;q=75 384w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Febd3d40c6052af3cd05ad6012606e8d39c329713-1601x1040.png&amp;w=640&amp;q=75 640w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Febd3d40c6052af3cd05ad6012606e8d39c329713-1601x1040.png&amp;w=750&amp;q=75 750w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Febd3d40c6052af3cd05ad6012606e8d39c329713-1601x1040.png&amp;w=828&amp;q=75 828w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Febd3d40c6052af3cd05ad6012606e8d39c329713-1601x1040.png&amp;w=1080&amp;q=75 1080w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Febd3d40c6052af3cd05ad6012606e8d39c329713-1601x1040.png&amp;w=1200&amp;q=75 1200w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Febd3d40c6052af3cd05ad6012606e8d39c329713-1601x1040.png&amp;w=1920&amp;q=75 1920w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Febd3d40c6052af3cd05ad6012606e8d39c329713-1601x1040.png&amp;w=2048&amp;q=75 2048w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Febd3d40c6052af3cd05ad6012606e8d39c329713-1601x1040.png&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Febd3d40c6052af3cd05ad6012606e8d39c329713-1601x1040.png&amp;w=3840&amp;q=75"/></div><div class="flex h-full flex-col gap-3 bg-white/50 p-6 pb-5 lg:pb-[30px]"><div class="flex flex-col items-start text-gray-800"><span>Bonnie<!-- --> <!-- -->and Nathan Tarbert</span><span>March 27, 2025</span></div><span class="text-lg leading-[20px] font-medium text-gray-1000 lg:text-xl lg:leading-[24px]">How To Build Full-Stack AI Agents 🚀 (CrewAI + CopilotKit)</span><span class="line-clamp-3 min-h-[66px] text-sm leading-[22px] font-medium text-gray-800">In this article, you will learn how to build a full-stack restaurant finder AI agent that combines human-in-the-loop capabilities using CrewAI, CopilotKit, and Serper.</sp
26an></div></a><a class="flex h-full w-full flex-col overflow-hidden rounded-lg border border-white lg:rounded-xl" href="/blog/easily-build-a-ui-for-your-ai-agent-in-minutes-langgraph-copilotkit"><div class="relative aspect-[16/10] w-full shrink-0 overflow-hidden"><img alt="Easily Build a UI for Your AI Agent in Minutes (LangGraph + CopilotKit)" loading="lazy" decoding="async" data-nimg="fill" class="object-cover" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw" srcSet="/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F601555e39e44e529d7e5ea6772926cfea6a46c46-1601x1041.png&amp;w=256&amp;q=75 256w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F601555e39e44e529d7e5ea6772926cfea6a46c46-1601x1041.png&amp;w=384&amp;q=75 384w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F601555e39e44e529d7e5ea6772926cfea6a46c46-1601x1041.png&amp;w=640&amp;q=75 640w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F601555e39e44e529d7e5ea6772926cfea6a46c46-1601x1041.png&amp;w=750&amp;q=75 750w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F601555e39e44e529d7e5ea6772926cfea6a46c46-1601x1041.png&amp;w=828&amp;q=75 828w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F601555e39e44e529d7e5ea6772926cfea6a46c46-1601x1041.png&amp;w=1080&amp;q=75 1080w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F601555e39e44e529d7e5ea6772926cfea6a46c46-1601x1041.png&amp;w=1200&amp;q=75 1200w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F601555e39e44e529d7e5ea6772926cfea6a46c46-1601x1041.png&amp;w=1920&amp;q=75 1920w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F601555e39e44e529d7e5ea6772926cfea6a46c46-1601x1041.png&amp;w=2048&amp;q=75 2048w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F601555e39e44e529d7e5ea6772926cfea6a46c46-1601x1041.png&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F601555e39e44e529d7e5ea6772926cfea6a46c46-1601x1041.png&amp;w=3840&amp;q=75"/></div><div class="flex h-full flex-col gap-3 bg-white/50 p-6 pb-5 lg:pb-[30px]"><div class="flex flex-col items-start text-gray-800"><span>Bonnie<!-- --> <!-- -->and Nathan Tarbert</span><span>March 20, 2025</span></div><span class="text-lg leading-[20px] font-medium text-gray-1000 lg:text-xl lg:leading-[24px]">Easily Build a UI for Your AI Agent in Minutes (LangGraph + CopilotKit)</span><span class="line-clamp-3 min-h-[66px] text-sm leading-[22px] font-medium text-gray-800">In this article, you will learn how to build an agent-native research canvas app that combines human-in-the-loop capabilities using Langraph, CopilotKit, and Tavily.</span></div></a><a class="flex h-full w-full flex-col overflow-hidden rounded-lg border border-white lg:rounded-xl" href="/blog/build-a-rag-copilot-with-mongodb-vector-search-and-copilotkit"><div class="relative aspect-[16/10] w-full shrink-0 overflow-hidden"><img alt="Build a RAG Copilot with MongoDB Vector Search &amp; CopilotKit" loading="lazy" decoding="async" data-nimg="fill" class="object-cover" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw" srcSet="/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fa7e4e2b5fee4403d60d18cd58b8a629115baa4f6-1601x1041.png&amp;w=256&amp;q=75 256w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fa7e4e2b5fee4403d60d18cd58b8a629115baa4f6-1601x1041.png&amp;w=384&amp;q=75 384w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fa7e4e2b5fee4403d60d18cd58b8a629115baa4f6-1601x1041.png&amp;w=640&amp;q=75 640w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fa7e4e2b5fee4403d60d18cd58b8a629115baa4f6-1601x1041.png&amp;w=750&amp;q=75 750w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fa7e4e2b5fee4403d60d18cd58b8a629115baa4f6-1601x1041.png&amp;w=828&amp;q=75 828w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fa7e4e2b5fee4403d60d18cd58b8a629115baa4f6-1601x1041.png&amp;w=1080&amp;q=75 1080w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fa7e4e2b5fee4403d60d18cd58b8a629115baa4f6-1601x1041.png&amp;w=1200&amp;q=75 1200w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fa7e4e2b5fee4403d60d18cd58b8a629115baa4f6-1601x1041.png&amp;w=1920&amp;q=75 1920w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fa7e4e2b5fee4403d60d18cd58b8a629115baa4f6-1601x1041.png&amp;w=2048&amp;q=75 2048w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fa7e4e2b5fee4403d60d18cd58b8a629115baa4f6-1601x1041.png&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fa7e4e2b5fee4403d60d18cd58b8a629115baa4f6-1601x1041.png&amp;w=3840&amp;q=75"/></div><div class="flex h-full flex-col gap-3 bg-white/50 p-6 pb-5 lg:pb-[30px]"><div class="flex flex-col items-start text-gray-800"><span>Nathan Tarbert<!-- --> </span><span>March 3, 2025</span></div><span class="text-lg leading-[20px] font-medium text-gray-1000 lg:text-xl lg:leading-[24px]">Build a RAG Copilot with MongoDB Vector Search &amp; CopilotKit</span><span class="line-clamp-3 min-h-[66px] text-sm leading-[22px] font-medium text-gray-800">
26In this tutorial, we’ll walk you through the process of building an AI-powered RAG Copilot for your product knowledge base using OpenAI API, MongoDB Atlas Vector Search, and CopilotKit.</span></div></a><a class="flex h-full w-full flex-col overflow-hidden rounded-lg border border-white lg:rounded-xl" href="/blog/agents-101-how-to-build-your-first-ai-agent-in-30-minutes"><div class="relative aspect-[16/10] w-full shrink-0 overflow-hidden"><img alt="Agents 101: How to build your first AI Agent in 30 minutes!" loading="lazy" decoding="async" data-nimg="fill" class="object-cover" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw" srcSet="/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F02861042b476625412af8e61a883c0c3e8f70720-1601x1040.png&amp;w=256&amp;q=75 256w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F02861042b476625412af8e61a883c0c3e8f70720-1601x1040.png&amp;w=384&amp;q=75 384w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F02861042b476625412af8e61a883c0c3e8f70720-1601x1040.png&amp;w=640&amp;q=75 640w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F02861042b476625412af8e61a883c0c3e8f70720-1601x1040.png&amp;w=750&amp;q=75 750w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F02861042b476625412af8e61a883c0c3e8f70720-1601x1040.png&amp;w=828&amp;q=75 828w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F02861042b476625412af8e61a883c0c3e8f70720-1601x1040.png&amp;w=1080&amp;q=75 1080w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F02861042b476625412af8e61a883c0c3e8f70720-1601x1040.png&amp;w=1200&amp;q=75 1200w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F02861042b476625412af8e61a883c0c3e8f70720-1601x1040.png&amp;w=1920&amp;q=75 1920w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F02861042b476625412af8e61a883c0c3e8f70720-1601x1040.png&amp;w=2048&amp;q=75 2048w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F02861042b476625412af8e61a883c0c3e8f70720-1601x1040.png&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F02861042b476625412af8e61a883c0c3e8f70720-1601x1040.png&amp;w=3840&amp;q=75"/></div><div class="flex h-full flex-col gap-3 bg-white/50 p-6 pb-5 lg:pb-[30px]"><div class="flex flex-col items-start text-gray-800"><span>Anmol Baranwal<!-- --> </span><span>February 20, 2025</span></div><span class="text-lg leading-[20px] font-medium text-gray-1000 lg:text-xl lg:leading-[24px]">Agents 101: How to build your first AI Agent in 30 minutes!</span><span class="line-clamp-3 min-h-[66px] text-sm leading-[22px] font-medium text-gray-800">Building your own agent can be complex, and all the concepts, frameworks, and practices you need to follow can be a bit overwhelming. The good news is, that adding agents to your application can be easy and I&#x27;ll show you how. In this guide, you will learn how to build your first AI agent in just 30 minutes, even if you don&#x27;t know anything about AI agents.</span></div></a><a class="flex h-full w-full flex-col overflow-hidden rounded-lg border border-white lg:rounded-xl" href="/blog/coagents-v0-5-the-building-blocks-of-a-full-stack-agent"><div class="relative aspect-[16/10] w-full shrink-0 overflow-hidden"><img alt="Coagents V0.5: The Building Blocks of a Full-Stack Agent" loading="lazy" decoding="async" data-nimg="fill" class="object-cover" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw" srcSet="/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F317b3db898d0d0e47a646aaf8183929c93dba11e-1601x1041.png&amp;w=256&amp;q=75 256w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F317b3db898d0d0e47a646aaf8183929c93dba11e-1601x1041.png&amp;w=384&amp;q=75 384w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F317b3db898d0d0e47a646aaf8183929c93dba11e-1601x1041.png&amp;w=640&amp;q=75 640w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F317b3db898d0d0e47a646aaf8183929c93dba11e-1601x1041.png&amp;w=750&amp;q=75 750w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F317b3db898d0d0e47a646aaf8183929c93dba11e-1601x1041.png&amp;w=828&amp;q=75 828w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F317b3db898d0d0e47a646aaf8183929c93dba11e-1601x1041.png&amp;w=1080&amp;q=75 1080w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F317b3db898d0d0e47a646aaf8183929c93dba11e-1601x1041.png&amp;w=1200&amp;q=75 1200w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F317b3db898d0d0e47a646aaf8183929c93dba11e-1601x1041.png&amp;w=1920&amp;q=75 1920w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F317b3db898d0d0e47a646aaf8183929c93dba11e-1601x1041.png&amp;w=2048&amp;q=75 2048w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F317b3db898d0d0e47a646aaf8183929c93dba11e-1601x1041.png&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F317b3db898d0d0e47a646aaf8183929c93dba11e-1601x1041.png&amp;w=3840&amp;q=75"/></div><div class="flex h-full flex-col gap-3 bg-white/50 p-6 pb-5 lg:pb-[30px]"><div class="flex flex-col items-start text-gray-800"><span>Graham McBain<!-- --> </span><span>February 18, 2025</span></div><span class="text-lg leading-[20px] font-medium text-gray-1000 lg:text-xl lg:leading-[24px]">Coagents V0.5: The Building Blocks of a Full-Stack Agent</span><span class="line-clamp-3 min-h-[66px] text-sm leading-[22px] font-medium text-gray-800">We launched the CoAgents beta a few months ago, and it was a huge success right out of the gate. We&#x27;ve been working with Fortune 100 companies, thousands of individual developers, small teams, and a bunch of design partners. Through all those conversations and real-world use cases, we&#x27;ve identified the core building blocks for building a full-stack agent with LangGraph using CopilotKit.</span></div></a><a class="flex h-full w-full flex-col overflow-hidden rounded-lg border border-white lg:rounded-xl" href="/blog/build-your-own-knowledge-based-rag-copilot"><div class="relative aspect-[16/10] w-full shrink-0 overflow-hidden"><img alt="Build Your Own Knowledge-Based RAG Copilot" loading="lazy" decoding="async" data-nimg="fill" class="object-cover" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw" srcSet="/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fdf948ca97964bb5716c01374d5958668e8c86858-1601x1041.png&amp;w=256&amp;q=75 256w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fdf948ca97964bb5716c01374d5958668e8c86858-1601x1041.png&amp;w=384&amp;q=75 384w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fdf948ca97964bb5716c01374d5958668e8c86858-1601x1041.png&amp;w=640&amp;q=75 640w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fdf948ca97964bb5716c01374d5958668e8c86858-1601x1041.png&amp;w=750&amp;q=75 750w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fdf948ca97964bb5716c01374d5958668e8c86858-1601x1041.png&amp;w=828&amp;q=75 828w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fdf948ca97964bb5716c01374d5958668e8c86858-1601x1041.png&amp;w=1080&amp;q=75 1080w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fdf948ca97964bb5716c01374d5958668e8c86858-1601x1041.png&amp;w=1200&amp;q=75 1200w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fdf948ca97964bb5716c01374d5958668e8c86858-1601x1041.png&amp;w=1920&amp;q=75 1920w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fdf948ca97964bb5716c01374d5958668e8c86858-1601x1041.png&amp;w=2048&amp;q=75 2048w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fdf948ca97964bb5716c01374d5958668e8c86858-1601x1041.png&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fdf948ca97964bb5716c01374d5958668e8c86858-1601x1041.png&amp;w=3840&amp;q=75"/></div><div class="flex h-full flex-col gap-3 bg-white/50 p-6 pb-5 lg:pb-[30px]"><div class="flex flex-col items-start text-gray-800"><span>Nathan Tarbert<!-- --> </span><span>January 17, 2025</span></div><span class="text-lg leading-[20px] font-medium text-gray-1000 lg:text-xl lg:leading-[24px]">Build Your Own Knowledge-Based RAG Copilot</span><span class="line-clamp-3 min-h-[66px] text-sm leading-[22px] font-medium text-gray-800">
26In this tutorial, we’ll walk you through the process of building an AI-powered Copilot for your product knowledge base using Anthropic AI API, Pinecone API, and CopilotKit.</span></div></a><a class="flex h-full w-full flex-col overflow-hidden rounded-lg border border-white lg:rounded-xl" href="/blog/new-wave-of-agent-native-apps"><div class="relative aspect-[16/10] w-full shrink-0 overflow-hidden"><img alt="The New Wave of Agent-Native Apps" loading="lazy" decoding="async" data-nimg="fill" class="object-cover" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw" srcSet="/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F89599d9ed91f0c4902bf7608e61f57ffb955fbb4-1600x1040.heif&amp;w=256&amp;q=75 256w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F89599d9ed91f0c4902bf7608e61f57ffb955fbb4-1600x1040.heif&amp;w=384&amp;q=75 384w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F89599d9ed91f0c4902bf7608e61f57ffb955fbb4-1600x1040.heif&amp;w=640&amp;q=75 640w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F89599d9ed91f0c4902bf7608e61f57ffb955fbb4-1600x1040.heif&amp;w=750&amp;q=75 750w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F89599d9ed91f0c4902bf7608e61f57ffb955fbb4-1600x1040.heif&amp;w=828&amp;q=75 828w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F89599d9ed91f0c4902bf7608e61f57ffb955fbb4-1600x1040.heif&amp;w=1080&amp;q=75 1080w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F89599d9ed91f0c4902bf7608e61f57ffb955fbb4-1600x1040.heif&amp;w=1200&amp;q=75 1200w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F89599d9ed91f0c4902bf7608e61f57ffb955fbb4-1600x1040.heif&amp;w=1920&amp;q=75 1920w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F89599d9ed91f0c4902bf7608e61f57ffb955fbb4-1600x1040.heif&amp;w=2048&amp;q=75 2048w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F89599d9ed91f0c4902bf7608e61f57ffb955fbb4-1600x1040.heif&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F89599d9ed91f0c4902bf7608e61f57ffb955fbb4-1600x1040.heif&amp;w=3840&amp;q=75"/></div><div class="flex h-full flex-col gap-3 bg-white/50 p-6 pb-5 lg:pb-[30px]"><div class="flex flex-col items-start text-gray-800"><span>Graham McBain<!-- --> </span><span>December 17, 2024</span></div><span class="text-lg leading-[20px] font-medium text-gray-1000 lg:text-xl lg:leading-[24px]">The New Wave of Agent-Native Apps</span><span class="line-clamp-3 min-h-[66px] text-sm leading-[22px] font-medium text-gray-800">We are witnessing the beginning of the most significant transformation in software since cloud and mobile: Agent-Native Applications (ANAs). This shift will fundamentally reshape the SaaS landscape even more rapidly than previous computing revolutions. Tools like LangChain Platform are making it easier than ever to build this new and exciting type of application.</span></div></a><a class="flex h-full w-full flex-col overflow-hidden rounded-lg border border-white lg:rounded-xl" href="/blog/build-full-stack-apps-with-langgraph-and-copilotkit"><div class="relative aspect-[16/10] w-full shrink-0 overflow-hidden"><img alt="CoAgents v0.2 release: Build Full-stack Agent Applications with LangGraph &amp; CopilotKit" loading="lazy" decoding="async" data-nimg="fill" class="object-cover" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw" srcSet="/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F792f4106f6757478ab4608ddd094344704c7b1ff-1602x1041.png&amp;w=256&amp;q=75 256w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F792f4106f6757478ab4608ddd094344704c7b1ff-1602x1041.png&amp;w=384&amp;q=75 384w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F792f4106f6757478ab4608ddd094344704c7b1ff-1602x1041.png&amp;w=640&amp;q=75 640w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F792f4106f6757478ab4608ddd094344704c7b1ff-1602x1041.png&amp;w=750&amp;q=75 750w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F792f4106f6757478ab4608ddd094344704c7b1ff-1602x1041.png&amp;w=828&amp;q=75 828w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F792f4106f6757478ab4608ddd094344704c7b1ff-1602x1041.png&amp;w=1080&amp;q=75 1080w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F792f4106f6757478ab4608ddd094344704c7b1ff-1602x1041.png&amp;w=1200&amp;q=75 1200w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F792f4106f6757478ab4608ddd094344704c7b1ff-1602x1041.png&amp;w=1920&amp;q=75 1920w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F792f4106f6757478ab4608ddd094344704c7b1ff-1602x1041.png&amp;w=2048&amp;q=75 2048w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F792f4106f6757478ab4608ddd094344704c7b1ff-1602x1041.png&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F792f4106f6757478ab4608ddd094344704c7b1ff-1602x1041.png&amp;w=3840&amp;q=75"/></div><div class="flex h-full flex-col gap-3 bg-white/50 p-6 pb-5 lg:pb-[30px]"><div class="flex flex-col items-start text-gray-800"><span>Graham McBain<!-- --> </span><span>December 10, 2024</span></div><span class="text-lg leading-[20px] font-medium text-gray-1000 lg:text-xl lg:leading-[24px]">CoAgents v0.2 release: Build Full-stack Agent Applications with LangGraph &amp; CopilotKit</span><span class="line-clamp-3 min-h-[66px] text-sm leading-[22px] font-medium text-gray-800">Agentic Copilots are changing the SaaS landscape faster than any other previous computing revolution. With the latest release from CopilotKit with support for LangGraph JS and LangGraph Platform, it&#x27;s easier than ever to build human-in-the-loop Agentic Copilots that are production-ready. These powerful tools let any company build the same experiences built by industry leaders like Cursor, Replit, and Github.</span></div></a><a class="flex h-full w-full flex-col overflow-hidden rounded-lg border border-white lg:rounded-xl" href="/blog/the-agentic-application-stack-explained"><div class="relative aspect-[16/10] w-full shrink-0 overflow-hidden"><img alt="The Agentic Application Stack Explained" loading="lazy" decoding="async" data-nimg="fill" class="object-cover" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw" srcSet="/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F7d22493fbe26409f93ceb440fbe51a642cae5e1d-1601x1041.png&amp;w=256&amp;q=75 256w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F7d22493fbe26409f93ceb440fbe51a642cae5e1d-1601x1041.png&amp;w=384&amp;q=75 384w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F7d22493fbe26409f93ceb440fbe51a642cae5e1d-1601x1041.png&amp;w=640&amp;q=75 640w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F7d22493fbe26409f93ceb440fbe51a642cae5e1d-1601x1041.png&amp;w=750&amp;q=75 750w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F7d22493fbe26409f93ceb440fbe51a642cae5e1d-1601x1041.png&amp;w=828&amp;q=75 828w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F7d22493fbe26409f93ceb440fbe51a642cae5e1d-1601x1041.png&amp;w=1080&amp;q=75 1080w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F7d22493fbe26409f93ceb440fbe51a642cae5e1d-1601x1041.png&amp;w=1200&amp;q=75 1200w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F7d22493fbe26409f93ceb440fbe51a642cae5e1d-1601x1041.png&amp;w=1920&amp;q=75 1920w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F7d22493fbe26409f93ceb440fbe51a642cae5e1d-1601x1041.png&amp;w=2048&amp;q=75 2048w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F7d22493fbe26409f93ceb440fbe51a642cae5e1d-1601x1041.png&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F7d22493fbe26409f93ceb440fbe51a642cae5e1d-1601x1041.png&amp;w=3840&amp;q=75"/></div><div class="flex h-full flex-col gap-3 bg-white/50 p-6 pb-5 lg:pb-[30px]"><div class="flex flex-col items-start text-gray-800"><span>Graham McBain<!-- --> </span><span>November 22, 2024</span></div><span class="text-lg leading-[20px] font-medium text-gray-1000 lg:text-xl lg:leading-[24px]">The Agentic Application Stack Explained</span><span class="line-clamp-3 min-h-[66px] text-sm leading-[22px] font-medium text-gray-800">The Agentic Application Stack enables AI agents to power applications with autonomy and interactivity, detailing key layers like model serving, storage, tools, frameworks, hosting, and user experience.</span></div></a><a class="flex h-full w-full flex-col overflow-hidden rounded-lg border border-white lg:rounded-xl" href="/blog/build-a-perplexity-clone-with-copilotkit"><div class="relative aspect-[16/10] w-full shrink-0 overflow-hidden"><img alt="Build a Perplexity Clone with CopilotKit, Tavily &amp; LangGraph" loading="lazy" decoding="async" data-nimg="fill" class="object-cover" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw" srcSet="/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fb85c0d31971b439b7f16e90ca1f75c2995df4155-1602x1041.png&amp;w=256&amp;q=75 256w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fb85c0d31971b439b7f16e90ca1f75c2995df4155-1602x1041.png&amp;w=384&amp;q=75 384w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fb85c0d31971b439b7f16e90ca1f75c2995df4155-1602x1041.png&amp;w=640&amp;q=75 640w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fb85c0d31971b439b7f16e90ca1f75c2995df4155-1602x1041.png&amp;w=750&amp;q=75 750w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fb85c0d31971b439b7f16e90ca1f75c2995df4155-1602x1041.png&amp;w=828&amp;q=75 828w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fb85c0d31971b439b7f16e90ca1f75c2995df4155-1602x1041.png&amp;w=1080&amp;q=75 1080w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fb85c0d31971b439b7f16e90ca1f75c2995df4155-1602x1041.png&amp;w=1200&amp;q=75 1200w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fb85c0d31971b439b7f16e90ca1f75c2995df4155-1602x1041.png&amp;w=1920&amp;q=75 1920w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fb85c0d31971b439b7f16e90ca1f75c2995df4155-1602x1041.png&amp;w=2048&amp;q=75 2048w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fb85c0d31971b439b7f16e90ca1f75c2995df4155-1602x1041.png&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fb85c0d31971b439b7f16e90ca1f75c2995df4155-1602x1041.png&amp;w=3840&amp;q=75"/></div><div class="flex h-full flex-col gap-3 bg-white/50 p-6 pb-5 lg:pb-[30px]"><div class="flex flex-col items-start text-gray-800"><span>Nathan Tarbert<!-- --> </span><span>October 30, 2024</span></div><span class="text-lg leading-[20px] font-medium text-gray-1000 lg:text-xl lg:leading-[24px]">Build a Perplexity Clone with CopilotKit, Tavily &amp; LangGraph</span><span class="line-clamp-3 min-h-[66px] text-sm leading-[22px] font-medium text-gray-800">Integrate Agent-Native architecture into your app using CopilotKit, Tavily, and LangGraph. </span></div></a><a class="flex h-full w-full flex-col overflow-hidden rounded-lg border border-white lg:rounded-xl" href="/blog/everything-you
26-need-to-build-agent-native-applications"><div class="relative aspect-[16/10] w-full shrink-0 overflow-hidden"><img alt="Everything You Need To Build Agent-Native Applications (with LangGraph and CoAgents)" loading="lazy" decoding="async" data-nimg="fill" class="object-cover" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw" srcSet="/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fb0fd588f719184efdf8d68f412da78c67f33104a-1601x1041.png&amp;w=256&amp;q=75 256w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fb0fd588f719184efdf8d68f412da78c67f33104a-1601x1041.png&amp;w=384&amp;q=75 384w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fb0fd588f719184efdf8d68f412da78c67f33104a-1601x1041.png&amp;w=640&amp;q=75 640w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fb0fd588f719184efdf8d68f412da78c67f33104a-1601x1041.png&amp;w=750&amp;q=75 750w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fb0fd588f719184efdf8d68f412da78c67f33104a-1601x1041.png&amp;w=828&amp;q=75 828w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fb0fd588f719184efdf8d68f412da78c67f33104a-1601x1041.png&amp;w=1080&amp;q=75 1080w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fb0fd588f719184efdf8d68f412da78c67f33104a-1601x1041.png&amp;w=1200&amp;q=75 1200w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fb0fd588f719184efdf8d68f412da78c67f33104a-1601x1041.png&amp;w=1920&amp;q=75 1920w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fb0fd588f719184efdf8d68f412da78c67f33104a-1601x1041.png&amp;w=2048&amp;q=75 2048w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fb0fd588f719184efdf8d68f412da78c67f33104a-1601x1041.png&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Fb0fd588f719184efdf8d68f412da78c67f33104a-1601x1041.png&amp;w=3840&amp;q=75"/></div><div class="flex h-full flex-col gap-3 bg-white/50 p-6 pb-5 lg:pb-[30px]"><div class="flex flex-col items-start text-gray-800"><span>Atai Barkai<!-- --> </span><span>October 22, 2024</span></div><span class="text-lg leading-[20px] font-medium text-gray-1000 lg:text-xl lg:leading-[24px]">Everything You Need To Build Agent-Native Applications (with LangGraph and CoAgents)</span><span class="line-clamp-3 min-h-[66px] text-sm leading-[22px] font-medium text-gray-800">CoAgents, the building blocks for the next generation of AI-native apps.</span></div></a><a class="flex h-full w-full flex-col overflow-hidden rounded-lg border border-white lg:rounded-xl" href="/blog/buildtime-and-runtime"><div class="relative aspect-[16/10] w-full shrink-0 overflow-hidden"><img alt="Buildtime and Runtime Human-in-the-Loop AI (HITL)" loading="lazy" decoding="async" data-nimg="fill" class="object-cover" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw" srcSet="/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F5c209e25fbba58c5bb1b955edc040df1949ed3dc-1601x1041.png&amp;w=256&amp;q=75 256w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F5c209e25fbba58c5bb1b955edc040df1949ed3dc-1601x1041.png&amp;w=384&amp;q=75 384w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F5c209e25fbba58c5bb1b955edc040df1949ed3dc-1601x1041.png&amp;w=640&amp;q=75 640w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F5c209e25fbba58c5bb1b955edc040df1949ed3dc-1601x1041.png&amp;w=750&amp;q=75 750w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F5c209e25fbba58c5bb1b955edc040df1949ed3dc-1601x1041.png&amp;w=828&amp;q=75 828w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F5c209e25fbba58c5bb1b955edc040df1949ed3dc-1601x1041.png&amp;w=1080&amp;q=75 1080w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F5c209e25fbba58c5bb1b955edc040df1949ed3dc-1601x1041.png&amp;w=1200&amp;q=75 1200w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F5c209e25fbba58c5bb1b955edc040df1949ed3dc-1601x1041.png&amp;w=1920&amp;q=75 1920w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F5c209e25fbba58c5bb1b955edc040df1949ed3dc-1601x1041.png&amp;w=2048&amp;q=75 2048w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F5c209e25fbba58c5bb1b955edc040df1949ed3dc-1601x1041.png&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F5c209e25fbba58c5bb1b955edc040df1949ed3dc-1601x1041.png&amp;w=3840&amp;q=75"/></div><div class="flex h-full flex-col gap-3 bg-white/50 p-6 pb-5 lg:pb-[30px]"><div class="flex flex-col items-start text-gray-800"><span>Atai Barkai<!-- --> </span><span>September 25, 2024</span></div><span class="text-lg leading-[20px] font-medium text-gray-1000 lg:text-xl lg:leading-[24px]">Buildtime and Runtime Human-in-the-Loop AI (HITL)</span><span class="line-clamp-3 min-h-[66px] text-sm leading-[22px] font-medium text-gray-800">How HITL AI systems are bringing AI from demos to production.</span></div></a><a class="flex h-full w-full flex-col overflow-hidden rounded-lg border border-white lg:rounded-xl" href="/blog/intermediate-state-coagent"><div class="relative aspect-[16/10] w-full shrink-0 overflow-hidden"><img alt="CoAgents: Connecting AI Agents to Realtime Application Context" loading="lazy" decoding="async" data-nimg="fill" class="object-cover" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw" srcSet="/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F0d842405b7f9785eb984189c97e146e8973457d9-1602x1041.png&amp;w=256&amp;q=75 256w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F0d842405b7f9785eb984189c97e146e8973457d9-1602x1041.png&amp;w=384&amp;q=75 384w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F0d842405b7f9785eb984189c97e146e8973457d9-1602x1041.png&amp;w=640&amp;q=75 640w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F0d842405b7f9785eb984189c97e146e8973457d9-1602x1041.png&amp;w=750&amp;q=75 750w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F0d842405b7f9785eb984189c97e146e8973457d9-1602x1041.png&amp;w=828&amp;q=75 828w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F0d842405b7f9785eb984189c97e146e8973457d9-1602x1041.png&amp;w=1080&amp;q=75 1080w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F0d842405b7f9785eb984189c97e146e8973457d9-1602x1041.png&amp;w=1200&amp;q=75 1200w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F0d842405b7f9785eb984189c97e146e8973457d9-1602x1041.png&amp;w=1920&amp;q=75 1920w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F0d842405b7f9785eb984189c97e146e8973457d9-1602x1041.png&amp;w=2048&amp;q=75 2048w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F0d842405b7f9785eb984189c97e146e8973457d9-1602x1041.png&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F0d842405b7f9785eb984189c97e146e8973457d9-1602x1041.png&amp;w=3840&amp;q=75"/></div><div class="flex h-full flex-col gap-3 bg-white/50 p-6 pb-5 lg:pb-[30px]"><div class="flex flex-col items-start text-gray-800"><span>Atai Barkai<!-- --> </span><span>September 10, 2024</span></div><span class="text-lg leading-[20px] font-medium text-gray-1000 lg:text-xl lg:leading-[24px]">CoAgents: Connecting AI Agents to Realtime Application Context</span><span class="line-clamp-3 min-h-[66px] text-sm leading-[22px] font-medium text-gray-800">Discover how CoAgents, in partnership with LangGraph and CopilotKit, are revolutionizing the way AI agents interact within applications by aligning more closely with human input. This blog explores the essential role of human-in-the-loop systems to ensure AI agents perform optimally when they complement human efforts, rather than operating fully autonomously. Key Highlights: Human-AI Collaboration: Understand the significance of connecting AI agents with real-time application contexts to enhance decision-making and task performance. Monitoring and Steering: Learn how end-users can monitor and guide AI agents, ensuring they remain on the right track during operations.
27Technology Integration: Dive into how integrating CoAgents with LangGraph elevates in-app human-in-the-loop agents, making advanced AI more accessible and effective for developers through CopilotKit.
28Interactive Agent Features: Explore features such as streaming intermediate agent states for live updates, shared states for collaborative input, and agent-led interactive Q&amp;As to refine operational responses.</span></div></a><a class="flex h-full w-full flex-col overflow-hidden rounded-lg border border-white lg:rounded-xl" href="/blog/august-2024-product-highlight"><div class="relative aspect-[16/10] w-full shrink-0 overflow-hidden"><img alt="August’s Feature Rollout: Enhanced CopilotKit Capabilities Await! 😎" loading="lazy" decoding="async" data-nimg="fill" class="object-cover" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw" srcSet="/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F58ca2ddc457095bca80b09ddd4529de34be11d59-1602x1041.png&amp;w=256&amp;q=75 256w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F58ca2ddc457095bca80b09ddd4529de34be11d59-1602x1041.png&amp;w=384&amp;q=75 384w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F58ca2ddc457095bca80b09ddd4529de34be11d59-1602x1041.png&amp;w=640&amp;q=75 640w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F58ca2ddc457095bca80b09ddd4529de34be11d59-1602x1041.png&amp;w=750&amp;q=75 750w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F58ca2ddc457095bca80b09ddd4529de34be11d59-1602x1041.png&amp;w=828&amp;q=75 828w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F58ca2ddc457095bca80b09ddd4529de34be11d59-1602x1041.png&amp;w=1080&amp;q=75 1080w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F58ca2ddc457095bca80b09ddd4529de34be11d59-1602x1041.png&amp;w=1200&amp;q=75 1200w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F58ca2ddc457095bca80b09ddd4529de34be11d59-1602x1041.png&amp;w=1920&amp;q=75 1920w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F58ca2ddc457095bca80b09ddd4529de34be11d59-1602x1041.png&amp;w=2048&amp;q=75 2048w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F58ca2ddc457095bca80b09ddd4529de34be11d59-1602x1041.png&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F58ca2ddc457095bca80b09ddd4529de34be11d59-1602x1041.png&amp;w=3840&amp;q=75"/></div><div class="flex h-full flex-col gap-3 bg-white/50 p-6 pb-5 lg:pb-[30px]"><div class="flex flex-col items-start text-gray-800"><span>Atai Barkai<!-- --> </span><span>August 26, 2024</span></div><span class="text-lg leading-[20px] font-medium text-gray-1000 lg:text-xl lg:leading-[24px]">August’s Feature Rollout: Enhanced CopilotKit Capabilities Await! 😎</span><span class="line-clamp-3 min-h-[66px] text-sm leading-[22px] font-medium text-gray-800">Stay up to date with our latest monthly release! Discover the newest features, enhancements, and improvements we&#x27;ve rolled out in August to help you get the most out of our product. Dive into the details and see how these updates can benefit your experience.</span></div></a><a class="flex h-full w-full flex-col overflow-hidden rounded-lg border border-white lg:rounded-xl" href="/blog/copilotkit-v1-launch"><div class="relative aspect-[16/10] w-full shrink-0 overflow-hidden">
28<img alt="CopilotKit v1.0 Launch 🚀 GenUI, GraphQL protocol, React SDK hooks" loading="lazy" decoding="async" data-nimg="fill" class="object-cover" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw" srcSet="/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F36f92057723d4313c016d08e9e7bc42323493f4a-1601x1041.png&amp;w=256&amp;q=75 256w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F36f92057723d4313c016d08e9e7bc42323493f4a-1601x1041.png&amp;w=384&amp;q=75 384w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F36f92057723d4313c016d08e9e7bc42323493f4a-1601x1041.png&amp;w=640&amp;q=75 640w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F36f92057723d4313c016d08e9e7bc42323493f4a-1601x1041.png&amp;w=750&amp;q=75 750w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F36f92057723d4313c016d08e9e7bc42323493f4a-1601x1041.png&amp;w=828&amp;q=75 828w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F36f92057723d4313c016d08e9e7bc42323493f4a-1601x1041.png&amp;w=1080&amp;q=75 1080w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F36f92057723d4313c016d08e9e7bc42323493f4a-1601x1041.png&amp;w=1200&amp;q=75 1200w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F36f92057723d4313c016d08e9e7bc42323493f4a-1601x1041.png&amp;w=1920&amp;q=75 1920w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F36f92057723d4313c016d08e9e7bc42323493f4a-1601x1041.png&amp;w=2048&amp;q=75 2048w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F36f92057723d4313c016d08e9e7bc42323493f4a-1601x1041.png&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F36f92057723d4313c016d08e9e7bc42323493f4a-1601x1041.png&amp;w=3840&amp;q=75"/></div><div class="flex h-full flex-col gap-3 bg-white/50 p-6 pb-5 lg:pb-[30px]"><div class="flex flex-col items-start text-gray-800"><span>Atai Barkai<!-- --> </span><span>July 8, 2024</span></div><span class="text-lg leading-[20px] font-medium text-gray-1000 lg:text-xl lg:leading-[24px]">CopilotKit v1.0 Launch 🚀 GenUI, GraphQL protocol, React SDK hooks</span><span class="line-clamp-3 min-h-[66px] text-sm leading-[22px] font-medium text-gray-800">Introducing CopilotKit V1, includes: Generative UI, GraphQL platform enhancements, React SDK hooks &amp; more!</span></div></a><a class="flex h-full w-full flex-col overflow-hidden rounded-lg border border-white lg:rounded-xl" href="/blog/ceiling-is-being-raised"><div class="relative aspect-[16/10] w-full shrink-0 overflow-hidden"><img alt="🚀 Ceiling is being raised: analyzing our &quot;superhuman code&quot; that broke twitter (and why it&#x27;s actually good code!)" loading="lazy" decoding="async" data-nimg="fill" class="object-cover" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw" srcSet="/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Ffa6ae09903c8cd99f198253b51567d78a7e3a529-1601x1041.png&amp;w=256&amp;q=75 256w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Ffa6ae09903c8cd99f198253b51567d78a7e3a529-1601x1041.png&amp;w=384&amp;q=75 384w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Ffa6ae09903c8cd99f198253b51567d78a7e3a529-1601x1041.png&amp;w=640&amp;q=75 640w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Ffa6ae09903c8cd99f198253b51567d78a7e3a529-1601x1041.png&amp;w=750&amp;q=75 750w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Ffa6ae09903c8cd99f198253b51567d78a7e3a529-1601x1041.png&amp;w=828&amp;q=75 828w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Ffa6ae09903c8cd99f198253b51567d78a7e3a529-1601x1041.png&amp;w=1080&amp;q=75 1080w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Ffa6ae09903c8cd99f198253b51567d78a7e3a529-1601x1041.png&amp;w=1200&amp;q=75 1200w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Ffa6ae09903c8cd99f198253b51567d78a7e3a529-1601x1041.png&amp;w=1920&amp;q=75 1920w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Ffa6ae09903c8cd99f198253b51567d78a7e3a529-1601x1041.png&amp;w=2048&amp;q=75 2048w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Ffa6ae09903c8cd99f198253b51567d78a7e3a529-1601x1041.png&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Ffa6ae09903c8cd99f198253b51567d78a7e3a529-1601x1041.png&amp;w=3840&amp;q=75"/></div><div class="flex h-full flex-col gap-3 bg-white/50 p-6 pb-5 lg:pb-[30px]"><div class="flex flex-col items-start text-gray-800"><span>Atai Barkai<!-- --> </span><span>July 8, 2024</span></div><span class="text-lg leading-[20px] font-medium text-gray-1000 lg:text-xl lg:leading-[24px]">🚀 Ceiling is being raised: analyzing our &quot;superhuman code&quot; that broke twitter (and why it&#x27;s actually good code!)</span><span class="line-clamp-3 min-h-[66px] text-sm leading-[22px] font-medium text-gray-800">Explore the transformative impact of AI-enhanced coding with Atai Barkai&#x27;
28s blog, which delves into the potent code developed by CopilotKit engineers that stirred considerable buzz on Twitter.</span></div></a><a class="flex h-full w-full flex-col overflow-hidden rounded-lg border border-white lg:rounded-xl" href="/blog/how-gpt-gemini-and-llava-handle-multimodal-conflict"><div class="relative aspect-[16/10] w-full shrink-0 overflow-hidden"><img alt="🤩 THIS IS A PICTURE OF A PENGUIN: How GPT4, Gemini &amp; LLaVA handle multimodal conflict" loading="lazy" decoding="async" data-nimg="fill" class="object-cover" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw" srcSet="/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F30515fdefc11ac8144ecdc703542c866726a4b9d-1602x1041.png&amp;w=256&amp;q=75 256w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F30515fdefc11ac8144ecdc703542c866726a4b9d-1602x1041.png&amp;w=384&amp;q=75 384w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F30515fdefc11ac8144ecdc703542c866726a4b9d-1602x1041.png&amp;w=640&amp;q=75 640w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F30515fdefc11ac8144ecdc703542c866726a4b9d-1602x1041.png&amp;w=750&amp;q=75 750w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F30515fdefc11ac8144ecdc703542c866726a4b9d-1602x1041.png&amp;w=828&amp;q=75 828w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F30515fdefc11ac8144ecdc703542c866726a4b9d-1602x1041.png&amp;w=1080&amp;q=75 1080w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F30515fdefc11ac8144ecdc703542c866726a4b9d-1602x1041.png&amp;w=1200&amp;q=75 1200w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F30515fdefc11ac8144ecdc703542c866726a4b9d-1602x1041.png&amp;w=1920&amp;q=75 1920w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F30515fdefc11ac8144ecdc703542c866726a4b9d-1602x1041.png&amp;w=2048&amp;q=75 2048w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F30515fdefc11ac8144ecdc703542c866726a4b9d-1602x1041.png&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2F30515fdefc11ac8144ecdc703542c866726a4b9d-1602x1041.png&amp;w=3840&amp;q=75"/></div><div class="flex h-full flex-col gap-3 bg-white/50 p-6 pb-5 lg:pb-[30px]"><div class="flex flex-col items-start text-gray-800"><span>Richard Aragon<!-- --> <!-- -->and Atai Barkai</span><span>February 28, 2024</span></div><span class="text-lg leading-[20px] font-medium text-gray-1000 lg:text-xl lg:leading-[24px]">🤩 THIS IS A PICTURE OF A PENGUIN: How GPT4, Gemini &amp; LLaVA handle multimodal conflict</span><span class="line-clamp-3 min-h-[66px] text-sm leading-[22px] font-medium text-gray-800">Explore the intricate workings of multimodal AI systems in the detailed examination provided by the latest article on multimodal models. </span></div></a><a class="flex h-full w-full flex-col overflow-hidden rounded-lg border border-white lg:rounded-xl" href="/blog/rag-vs-context-window-in-gpt-4"><div class="relative aspect-[16/10] w-full shrink-0 overflow-hidden"><img alt="🌐 RAG vs. Context-Window in GPT-4: accuracy, cost, &amp; latency" loading="lazy" decoding="async" data-nimg="fill" class="object-cover" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw" srcSet="/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Ff0059b2cdfc4f1f3399119ff2cf8b5428e2f39cf-1601x1041.png&amp;w=256&amp;q=75 256w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Ff0059b2cdfc4f1f3399119ff2cf8b5428e2f39cf-1601x1041.png&amp;w=384&amp;q=75 384w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Ff0059b2cdfc4f1f3399119ff2cf8b5428e2f39cf-1601x1041.png&amp;w=640&amp;q=75 640w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Ff0059b2cdfc4f1f3399119ff2cf8b5428e2f39cf-1601x1041.png&amp;w=750&amp;q=75 750w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Ff0059b2cdfc4f1f3399119ff2cf8b5428e2f39cf-1601x1041.png&amp;w=828&amp;q=75 828w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Ff0059b2cdfc4f1f3399119ff2cf8b5428e2f39cf-1601x1041.png&amp;w=1080&amp;q=75 1080w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Ff0059b2cdfc4f1f3399119ff2cf8b5428e2f39cf-1601x1041.png&amp;w=1200&amp;q=75 1200w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Ff0059b2cdfc4f1f3399119ff2cf8b5428e2f39cf-1601x1041.png&amp;w=1920&amp;q=75 1920w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Ff0059b2cdfc4f1f3399119ff2cf8b5428e2f39cf-1601x1041.png&amp;w=2048&amp;q=75 2048w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Ff0059b2cdfc4f1f3399119ff2cf8b5428e2f39cf-1601x1041.png&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fy3fjfzcd%2Fproduction%2Ff0059b2cdfc4f1f3399119ff2cf8b5428e2f39cf-1601x1041.png&amp;w=3840&amp;q=75"/></div><div class="flex h-full flex-col gap-3 bg-white/50 p-6 pb-5 lg:pb-[30px]"><div class="flex flex-col items-start text-gray-800"><span>Atai Barkai<!-- --> </span><span>December 5, 2023</span></div><span class="text-lg leading-[20px] font-medium text-gray-1000 lg:text-xl lg:leading-[24px]">🌐 RAG vs. Context-Window in GPT-4: accuracy, cost, &amp; latency</span><span class="line-clamp-3 min-h-[66px] text-sm leading-[22px] font-medium text-gray-800">Explore the advanced capabilities of LLMs in the latest analytical post that delves into the effectiveness of Retrieval Augmented Generation (RAG) versus GPT-4&#x27;s context-window stuffing. </span></div></a></div></div></div><section class="mt-9 flex w-full justify-center px-5 lg:mt-24" style="opacity:0;transform:translateX(-30px)"><div class="mx-auto flex h-full w-full max-w-[1368px] items-center justify-center overflow-hidden rounded-xl bg-gradient-to-r from-[#9ADF48] via-[#81FFEC] to-[#CAA4FF] p-px lg:rounded-2xl"><div class="h-full w-full overflow-hidden rounded-[23px] bg-[url(&#x27;/images/examples/cta-background.png&#x27;
28)] bg-size-[100%_100%] bg-center md:bg-cover lg:rounded-[47px]"><div class="bg-pattern relative flex h-full w-full flex-col items-start justify-center px-5 py-7 text-center leading-[0] text-white md:items-center lg:px-0 lg:py-10"><div class="gap-2 rounded-full border px-5 py-2 font-jakarta text-[12px] font-medium text-gray-1000 border-[#01050714] bg-gradient-dark flex h-7 w-max items-center justify-center">Are you ready?</div><h2 class="mt-3 mb-4 text-left text-[28px] leading-[110%] font-medium text-gray-1000 md:max-w-[600px] md:text-center md:text-[40px] md:leading-[46px] lg:mb-7">Stay in the know</h2><p class="mb-7 max-w-[660px] text-left text-sm leading-[22px] text-gray-800 md:text-center md:text-xl">Subscribe to our blog and get updates on CopilotKit in your inbox.</p><form class="flex flex-col items-start gap-1"><label for="email" class="flex h-[44px] w-full items-start justify-between rounded-full bg-white p-1 pl-5 lg:h-[60px] lg:w-[410px]"><input type="text" placeholder="Please add your email" class="mr-1 h-full w-full text-xs font-medium text-gray-800 outline-none lg:text-base" name="email"/><button type="submit" class="h-full rounded-full bg-gray-1000 p-5 py-2 font-mono text-sm text-white uppercase lg:py-4 lg:text-base">Subscribe</button></label><span class="text-md pt-4 pl-1 font-medium text-red-400"></span></form><div class="flex flex-col items-start justify-center gap-3 sm:flex-row sm:items-center sm:gap-4"></div></div></div></div></section></main><!--$--><!--/$--><div class="contents" data-default-layout-chrome="footer"><footer class="relative mt-11 flex justify-center overflow-hidden bg-gray-1000 px-5 pt-10 sm:px-8 lg:mt-18 lg:px-11"><div class="mx-auto w-full max-w-[1152px] xl:max-w-[1368px]"><div class="mb-11 flex flex-col gap-11 lg:flex-row lg:justify-between"><div class="flex flex-col gap-6 lg:w-[200px] lg:shrink-0"><img alt="Copilot Kit Logo" loading="lazy" width="146" height="28" decoding="async" data-nimg="1" style="color:transparent" src="/icons/copilot-kit-logo-white.svg"/><ul class="flex gap-2"><li><a href="https://go.copilotkit.ai/discord-community" target="_blank" rel="noopener noreferrer" class="group flex h-[44px] w-[44px] items-center justify-center rounded-full bg-[rgba(255,255,255,0.06)] hover:cursor-pointer" aria-label="Follow us on social media"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 27 21" fill="none" color="#fff" class="transition group-hover:text-accent-purple"><path d="M22.29 1.7021C20.6243 0.914273 18.8382 0.333835 16.9706 0.00139455C16.9366 -0.00502146 16.9026 0.0110125 16.8851 0.0430811C16.6554 0.464242 16.4009 1.01368 16.2228 1.44554C14.2141 1.13555 12.2157 1.13555 10.2483 1.44554C10.0701 1.00408 9.80637 0.464242 9.57562 0.0430811C9.5581 0.0120824 9.52412 -0.00395149 9.49011 0.00139455C7.62361 0.332773 5.83745 0.91321 4.17077 1.7021C4.15634 1.70851 4.14397 1.71921 4.13576 1.7331C0.747797 6.95066 -0.180309 12.04 0.274988 17.0662C0.277048 17.0908 0.290439 17.1143 0.308981 17.1293C2.54426 18.8214 4.70952 19.8487 6.83456 20.5296C6.86857 20.5403 6.90461 20.5275 6.92625 20.4986C7.42893 19.791 7.87703 19.0448 8.26122 18.2602C8.2839 18.2143 8.26225 18.1597 8.21591 18.1416C7.50516 17.8636 6.82838 17.5248 6.17736 17.14C6.12587 17.109 6.12175 17.033 6.16912 16.9967C6.30612 16.8909 6.44315 16.7808 6.57397 16.6696C6.59763 16.6493 6.63061 16.645 6.65844 16.6578C10.9353 18.6707 15.5656 18.6707 19.792 16.6578C19.8198 16.6439 19.8528 16.6482 19.8775 16.6685C20.0083 16.7797 20.1453 16.8909 20.2834 16.9967C20.3307 17.033 20.3276 17.109 20.2762 17.14C19.6251 17.5322 18.9484 17.8636 18.2366 18.1405C18.1902 18.1587 18.1696 18.2143 18.1923 18.2602C18.5847 19.0437 19.0328 19.7899 19.5262 20.4975C19.5468 20.5275 19.5839 20.5403 19.6179 20.5296C21.7533 19.8487 23.9185 18.8214 26.1538 17.1293C26.1734 17.1143 26.1857 17.0919 26.1878 17.0673C26.7327 11.2564 25.2751 6.20882 22.3239 1.73416C22.3167 1.71921 22.3044 1.70851 22.29 1.7021ZM8.89991 14.0058C7.61227 14.0058 6.55129 12.7872 6.55129 11.2906C6.55129 9.79408 7.59169 8.57549 8.89991 8.57549C10.2184 8.57549 11.2691 9.80478 11.2485 11.2906C11.2485 12.7872 10.2081 14.0058 8.89991 14.0058ZM17.5835 14.0058C16.2959 14.0058 15.2349 12.7872 15.2349 11.2906C15.2349 9.79408 16.2753 8.57549 17.5835 8.57549C18.902 8.57549 19.9527 9.80478 19.9321 11.2906C19.9321 12.7872 18.902 14.0058 17.5835 14.0058Z" fill="currentColor"></path></svg></a></li><li><a href="https://go.copilotkit.ai/copilotkit-github" target="_blank" rel="noopener noreferrer" class="group flex h-[44px] w-[44px] items-center justify-center rounded-full bg-[rgba(255,255,255,0.06)] hover:cursor-pointer" aria-label="Follow us on social media"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 30 28" fill="none" color="#fff" class="transition group-hover:text-accent-purple"><path fill-rule="evenodd" clip-rule="evenodd" d="M14.9959 0.314453C11.6457 0.316191 8.40532 1.50277 5.85423 3.66201C3.30314 5.82126 1.60767 8.81237 1.07099 12.1005C0.534302 15.3886 1.19139 18.7594 2.92477 21.61C4.65816 24.4606 7.35479 26.6052 10.5325 27.6604C11.2336 27.7905 11.4976 27.356 11.4976 26.9865C11.4976 26.6171 11.4836 25.5459 11.4789 24.3748C7.55302 25.2229 6.72344 22.7182 6.72344 22.7182C6.08315 21.0917 5.15776 20.664
281 5.15776 20.6641C3.87717 19.7951 5.25357 19.8114 5.25357 19.8114C6.67204 19.9113 7.4175 21.259 7.4175 21.259C8.67472 23.4036 10.7194 22.7832 11.5233 22.4207C11.6495 21.5122 12.0164 20.8942 12.4207 20.5433C9.28463 20.1901 5.98967 18.9865 5.98967 13.6098C5.97024 12.2154 6.49064 10.8669 7.4432 9.84335C7.29831 9.49017 6.81458 8.06351 7.58106 6.12566C7.58106 6.12566 8.76585 5.74925 11.4626 7.56394C13.7756 6.93499 16.2161 6.93499 18.5292 7.56394C21.2236 5.74925 22.406 6.12566 22.406 6.12566C23.1748 8.05886 22.6911 9.48552 22.5462 9.84335C23.5018 10.8671 24.0233 12.2179 24.0021 13.6145C24.0021 19.0028 20.7001 20.1901 17.5594 20.5363C18.0642 20.9732 18.5152 21.8259 18.5152 23.1364C18.5152 25.0138 18.4988 26.5241 18.4988 26.9865C18.4988 27.3606 18.7535 27.7974 19.4686 27.6604C22.6467 26.6051 25.3436 24.4601 27.0769 21.609C28.8103 18.7579 29.467 15.3866 28.9297 12.0982C28.3924 8.80977 26.6961 5.81863 24.1442 3.65976C21.5923 1.50089 18.3512 0.31509 15.0005 0.314453H14.9959Z" fill="currentColor"></path><path d="M6.2276 20.4618C6.19722 20.5315 6.08505 20.5524 5.99392 20.5036C5.90278 20.4548 5.83502 20.3642 5.86773 20.2922C5.90045 20.2201 6.01028 20.2016 6.10142 20.2503C6.19255 20.2991 6.26265 20.3921 6.2276 20.4618Z" fill="currentColor"></path><path d="M6.79981 21.0962C6.75141 21.1204 6.69605 21.1272 6.64319 21.1153C6.59033 21.1034 6.54326 21.0737 6.51004 21.0311C6.41891 20.9335 6.4002 20.7987 6.47031 20.7383C6.54041 20.6779 6.66661 20.7058 6.75775 20.8034C6.84888 20.901 6.86991 21.0357 6.79981 21.0962Z" fill="currentColor"></path><path d="M7.35575 21.903C7.26928 21.9634 7.12205 21.903 7.04026 21.7821C7.01765 21.7605 6.99966 21.7345 6.98738 21.7057C6.97509 21.677 6.96875 21.6461 6.96875 21.6148C6.96875 21.5836 6.97509 21.5527 6.98738 21.524C6.99966 21.4952 7.01765 21.4692 7.04026 21.4475C7.12673 21.3895 7.27396 21.4475 7.35575 21.566C7.43754 21.6845 7.43987 21.8425 7.35575 21.903Z" fill="currentColor"></path><path d="M8.11289 22.684C8.03577 22.77 7.87921 22.7468 7.75068 22.6306C7.62216 22.5144 7.59177 22.3564 7.66888 22.2728C7.746 22.1891 7.90257 22.2124 8.03577 22.3262C8.16897 22.4401 8.19468 22.6004 8.11289 22.684Z" fill="currentColor"></path><path d="M9.16966 23.1386C9.13461 23.2478 8.9757 23.2966 8.81679 23.2501C8.65789 23.2036 8.55273 23.0735 8.58311 22.962C8.61349 22.8504 8.77473 22.7993 8.93597 22.8504C9.09722 22.9016 9.20004 23.0247 9.16966 23.1386Z" fill="currentColor"></path><path d="M10.324 23.2177C10.324 23.3316 10.1931 23.4291 10.0249 23.4315C9.85662 23.4338 9.71875 23.3408 9.71875 23.227C9.71875 23.1131 9.84961 23.0156 10.0179 23.0132C10.1861 23.0109 10.324 23.1015 10.324 23.2177Z" fill="currentColor"></path><path d="M11.3998 23.0388C11.4208 23.1527 11.304 23.2712 11.1358 23.2991C10.9675 23.3269 10.8203 23.2596 10.7992 23.148C10.7782 23.0365 10.8997 22.9157 11.0633 22.8855C11.2269 22.8553 11.3788 22.925 11.3998 23.0388Z" fill="currentColor"></path></svg></a></li><li><a href="https://go.copilotkit.ai/socials-twitter" target="_blank" rel="noopener noreferrer" class="group flex h-[44px] w-[44px] items-center justify-center rounded-full bg-[rgba(255,255,255,0.06)] hover:cursor-pointer" aria-label="Follow us on social media"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 22 22" fill="none" color="#fff" class="transition group-hover:text-accent-purple"><path d="M13.0955 9.31648L21.2864 0H19.3456L12.2303 8.08768L6.55141 0H0L8.58949 12.2311L0 22H1.94072L9.45009 13.4571L15.4486 22H22L13.0955 9.31648ZM10.4365 12.3385L9.5649 11.1198L2.64059 1.43161H5.62193L11.2117 9.25316L12.0797 10.4719L19.3447 20.6381H16.3634L10.4365 12.3385Z" fill="currentColor"></path></svg></a></li><li><a href="https://go.copilotkit.ai/socials-linkedin" target="_blank" rel="noopener noreferrer" class="group flex h-[44px] w-[44px] items-center justify-center rounded-full bg-[rgba(255,255,255,0.06)] hover:cursor-pointer" aria-label="Follow us on social media"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 26 26" fill="none" color="#fff" class="transition group-hover:text-accent-purple"><g clip-path="url(#clip0_113_653)"><path d="M0.166016 3.59031C0.166016 2.76447 0.455063 2.08316 1.03313 1.54639C1.6112 1.0096 2.36272 0.741211 3.28764 0.741211C4.19605 0.741211 4.93102 1.00546 5.49259 1.534C6.07066 2.07905 6.35971 2.78924 6.35971 3.66463C6.35971 4.45743 6.07894 5.11807 5.51737 5.64662C4.9393 6.19166 4.17953 
286.46418 3.23809 6.46418H3.21331C2.3049 6.46418 1.56993 6.19166 1.00836 5.64662C0.446788 5.10157 0.166016 4.41613 0.166016 3.59031ZM0.488088 25.2682V8.71869H5.98809V25.2682H0.488088ZM9.03539 25.2682H14.5354V16.0272C14.5354 15.4492 14.6015 15.0032 14.7336 14.6894C14.9648 14.1278 15.3158 13.653 15.7865 13.2649C16.2572 12.8767 16.8477 12.6827 17.5579 12.6827C19.4078 12.6827 20.3327 13.9296 20.3327 16.4236V25.2682H25.8327V15.7795C25.8327 13.335 25.2546 11.4811 24.0984 10.2176C22.9423 8.95405 21.4145 8.32229 19.5151 8.32229C17.3845 8.32229 15.7246 9.23896 14.5354 11.0723V11.1218H14.5106L14.5354 11.0723V8.71869H9.03539C9.06841 9.24721 9.08494 10.8906 9.08494 13.6489C9.08494 16.4071 9.06841 20.2802 9.03539 25.2682Z" fill="currentColor"></path></g><defs><clipPath id="clip0_113_653"><rect x="0.166016" y="0.166504" width="25.6667" height="25.6667" fill="currentColor"></rect></clipPath></defs></svg></a></li></ul></div><div class="grid grid-cols-2 gap-x-8 gap-y-10 min-[600px]:grid-cols-4 lg:max-w-2xl lg:flex-1"><ul class="flex flex-col items-start gap-4 font-jakarta text-sm leading-[18px]"><li class="pb-1 leading-[22px] font-semibold text-white">Product</li><li class="transition hover:text-white"><a class="inline-flex min-h-[44px] items-center text-[#AFAFB7]" href="/product" title="Overview">Overview</a></li><li class="transition hover:text-white"><a class="inline-flex min-h-[44px] items-center text-[#AFAFB7]" href="/product/framework" title="Frontend SDKs">Frontend SDKs</a></li><li class="transition hover:text-white"><a class="inline-flex min-h-[44px] items-center text-[#AFAFB7]" href="/product/backends" title="Backend Connections">Backend Connections</a></li><li class="transition hover:text-white"><a class="inline-flex min-h-[44px] items-center text-[#AFAFB7]" href="/channels" title="Channels">Channels</a></li><li class="transition hover:text-white"><a class="inline-flex min-h-[44px] items-center text-[#AFAFB7]" href="/copilotkit-intelligence" title="CopilotKit Intelligence">CopilotKit Intelligence</a></li><li class="transition hover:text-white"><a class="inline-flex min-h-[44px] items-center text-[#AFAFB7]" href="/openbot" title="OpenBot">
28OpenBot</a></li><li class="transition hover:text-white"><a class="inline-flex min-h-[44px] items-center text-[#AFAFB7]" href="/openmuse" title="OpenMuse">OpenMuse</a></li><li class="transition hover:text-white"><a class="inline-flex min-h-[44px] items-center text-[#AFAFB7]" href="/pricing" title="Pricing">Pricing</a></li></ul><ul class="flex flex-col items-start gap-4 font-jakarta text-sm leading-[18px]"><li class="pb-1 leading-[22px] font-semibold text-white">Generative UI</li><li class="transition hover:text-white"><a class="inline-flex min-h-[44px] items-center text-[#AFAFB7]" href="/generative-ui" title="Gen UI">Gen UI</a></li><li class="transition hover:text-white"><a class="inline-flex min-h-[44px] items-center text-[#AFAFB7]" href="/ag-ui-and-a2ui" title="A2UI">A2UI</a></li><li class="transition hover:text-white"><a class="inline-flex min-h-[44px] items-center text-[#AFAFB7]" href="/mcp-apps" title="MCP Apps">MCP Apps</a></li><li class="transition hover:text-white"><a class="inline-flex min-h-[44px] items-center text-[#AFAFB7]" href="/ag-ui" title="AG-UI Protocol">AG-UI Protocol</a></li></ul><ul class="flex flex-col items-start gap-4 font-jakarta text-sm leading-[18px]"><li class="pb-1 leading-[22px] font-semibold text-white">Developers</li><li class="transition hover:text-white"><a class="inline-flex min-h-[44px] items-center text-[#AFAFB7]" href="https://docs.copilotkit.ai/" title="Docs" target="_blank" rel="noopener noreferrer">Docs</a></li><li class="transition hover:text-white"><a class="inline-flex min-h-[44px] items-center text-[#AFAFB7]" href="/examples" title="Examples">Examples</a></li><li class="transition hover:text-white"><a class="inline-flex min-h-[44px] items-center text-[#AFAFB7]" href="https://dojo.showcase.copilotkit.ai/?integration=langgraph-python&amp;demo=beautiful-chat" title="Dojo" target="_blank" rel="noopener noreferrer">Dojo</a></li><li class="transition hover:text-white"><a class="inline-flex min-h-[44px] items-center text-[#AFAFB7]" href="/blog" title="News">News</a></li><li class="transition hover:text-white"><a class="inline-flex min-h-[44px] items-center text-[#AFAFB7]" href="/blog" title="Blog">Blog</a></li></ul><ul class="flex flex-col items-start gap-4 font-jakarta text-sm leading-[18px]"><li class="pb-1 leading-[22px] font-semibold text-white">Company</li><li class="transition hover:text-white"><a class="inline-flex min-h-[44px] items-center text-[#AFAFB7]" href="/contact-us" title="Contact Us">Contact Us</a></li><li class="transition hover:text-white"><a class="inline-flex min-h-[44px] items-center text-[#AFAFB7]" href="/careers" title="Careers">Careers</a></li><li class="transition hover:text-white"><a class="inline-flex min-h-[44px] items-center text-[#AFAFB7]" href="/faq" title="FAQ">FAQ</a></li></ul></div></div><div class="flex flex-col items-center justify-between gap-7 border-t border-t-[rgba(255,255,255,0.15)] pt-6 pb-6 font-jakarta text-[#AFAFB7] sm:flex-row sm:flex-wrap sm:gap-4"><p>© Tawkit, Inc. All rights reserved.</p><div class="flex gap-8 text-[14px] leading-[22px]"><a class="inline-flex min-h-[44px] items-center" href="/terms-of-service" title="Terms of service">Terms of service</a><a class="inline-flex min-h-[44px] items-center" href="/privacy-policy" title="Privacy Policy">Privacy Policy</a></div></div></div><div class="pointer-events-none absolute top-[3px] right-0 h-[664px] w-[50%] max-w-[664px] scale-[2] bg-[radial-gradient(closest-side,rgba(129,140,255,0.15),rgba(129,140,255,0.06)_40%,transparent_75%)]"></div><div class="pointer-events-none absolute -top-[219px] left-0 h-[739px] w-[50%] max-w-[739px] scale-[2] bg-[radial-gradient(closest-side,rgba(111,230,246,0.11),rgba(111,230,246,0.045)_40%,transparent_75%)]"></div></footer></div><noscript><img referrerPolicy="no-referrer-when-downgrade" src="https://static.scarf.sh/a.png?x-pxid=1c040678-b704-471e-a3f5-69c6bf52b703" alt="" aria-hidden="true" width="1" height="1" class="pointer-events-none absolute top-0 left-0 opacity-0"/></noscript>
28<script src="/_next/static/chunks/webpack-facb1a4c15a1bb4e.js?dpl=dpl_6PRq2pzNmJwiK3QXgfRscSuFSmeS" async=""></script>
28<script>(self.__next_f=self.__next_f||[]).push([0])</script>
28<script>self.__next_f.push([1,"1:\"$Sreact.fragment\"\n2:I[67844,[],\"\"]\n3:I[76098,[],\"\"]\n6:I[40612,[],\"OutletBoundary\"]\n9:I[7100,[],\"AsyncMetadataOutlet\"]\nb:I[40612,[],\"ViewportBoundary\"]\nd:I[40612,[],\"MetadataBoundary\"]\nf:I[1531,[],\"\"]\n10:\"$Sreact.suspense\"\n11:I[7100,[],\"AsyncMetadata\"]\n13:I[79520,[\"9320\",\"static/chunks/962fefad-9d7b9065d9ca5f08.js?dpl=dpl_6PRq2pzNmJwiK3QXgfRscSuFSmeS\",\"3829\",\"static/chunks/3829-71a9babe9f308215.js?dpl=dpl_6PRq2pzNmJwiK3QXgfRscSuFSmeS\",\"1844\",\"static/chunks/1844-f34025f7df46a3f0.js?dpl=dpl_6PRq2pzNmJwiK3QXgfRscSuFSmeS\",\"4802\",\"static/chunks/4802-ae80319785ea09d6.js?dpl=dpl_6PRq2pzNmJwiK3QXgfRscSuFSmeS\",\"8108\",\"static/chunks/8108-2a6ea63424fc0465.js?dpl=dpl_6PRq2pzNmJwiK3QXgfRscSuFSmeS\",\"5179\",\"static/chunks/5179-eca0393f1ac1ad65.js?dpl=dpl_6PRq2pzNmJwiK3QXgfRscSuFSmeS\",\"3881\",\"static/chunks/3881-f711d0020fd537c1.js?dpl=dpl_6PRq2pzNmJwiK3QXgfRscSuFSmeS\",\"4077\",\"static/chunks/4077-6d4759318766a5f2.js?dpl=dpl_6PRq2pzNmJwiK3QXgfRscSuFSmeS\",\"2922\",\"static/chunks/app/(openbot)/layout-91aebd396d2bc2b8.js?dpl=dpl_6PRq2pzNmJwiK3QXgfRscSuFSmeS\"],\"\"]\n:HL[\"/_next/static/media/9f73a3ab7cc397fe-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/cbd3c16fb126b740-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/css/05da139d90d352fa.css?dpl=dpl_6PRq2pzNmJwiK3QXgfRscSuFSmeS\",\"style\"]\n:HL[\"/_next/static/css/5f05196e172fe874.css?dpl=dpl_6PRq2pzNmJwiK3QXgfRscSuFSmeS\",\"style\"]\n"])</script>
28<script>self.__next_f.push([1,"0:{\"P\":null,\"b\":\"BcYGrBuNgFSHfakIZE-vs\",\"p\":\"\",\"c\":[\"\",\"blog\"],\"i\":false,\"f\":[[[\"\",{\"children\":[\"(default)\",{\"children\":[\"blog\",{\"children\":[\"__PAGE__\",{}]}]},\"$undefined\",\"$undefined\",true]}],[\"\",[\"$\",\"$1\",\"c\",{\"children\":[null,[\"$\",\"$L2\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L3\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[[\"$\",\"title\",null,{\"children\":\"404: This page could not be found.\"}],[\"$\",\"div\",null,{\"style\":{\"fontFamily\":\"system-ui,\\\"Segoe UI\\\",Roboto,Helvetica,Arial,sans-serif,\\\"Apple Color Emoji\\\",\\\"Segoe UI Emoji\\\"\",\"height\":\"100vh\",\"textAlign\":\"center\",\"display\":\"flex\",\"flexDirection\":\"column\",\"alignItems\":\"center\",\"justifyContent\":\"center\"},\"children\":[\"$\",\"div\",null,{\"children\":[[\"$\",\"style\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}\"}}],[\"$\",\"h1\",null,{\"className\":\"next-error-h1\",\"style\":{\"display\":\"inline-block\",\"margin\":\"0 20px 0 0\",\"padding\":\"0 23px 0 0\",\"fontSize\":24,\"fontWeight\":500,\"verticalAlign\":\"top\",\"lineHeight\":\"49px\"},\"children\":404}],[\"$\",\"div\",null,{\"style\":{\"display\":\"inline-block\"},\"children\":[\"$\",\"h2\",null,{\"style\":{\"fontSize\":14,\"fontWeight\":400,\"lineHeight\":\"49px\",\"margin\":0},\"children\":\"This page could not be found.\"}]}]]}]}]],[]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}],{\"children\":[\"(default)\",[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/05da139d90d352fa.css?dpl=dpl_6PRq2pzNmJwiK3QXgfRscSuFSmeS\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"link\",\"1\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/5f05196e172fe874.css?dpl=dpl_6PRq2pzNmJwiK3QXgfRscSuFSmeS\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}]],\"$L4\"]}],{\"children\":[\"blog\",[\"$\",\"$1\",\"c\",{\"children\":[null,[\"$\",\"$L2\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L3\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}],{\"children\":[\"__PAGE__\",[\"$\",\"$1\",\"c\",{\"children\":[\"$L5\",null,[\"$\",\"$L6\",null,{\"children\":[\"$L7\",\"$L8\",[\"$\",\"$L9\",null,{\"promise\":\"$@a\"}]]}]]}],{},null,false]},null,false]},null,false]},null,false],[\"$\",\"$1\",\"h\",{\"children\":[null,[\"$\",\"$1\",\"h6IthstEHxiATFcjbx0GIv\",{\"children\":[[\"$\",\"$Lb\",null,{\"children\":\"$Lc\"}],[\"$\",\"meta\",null,{\"name\":\"next-size-adjust\",\"content\":\"\"}]]}],[\"$\",\"$Ld\",null,{\"children\":\"$Le\"}]]}],false]],\"m\":\"$undefined\",\"G\":[\"$f\",\"$undefined\"],\"s\":false,\"S\":false}\n"])</script>
28<script>self.__next_f.push([1,"e:[\"$\",\"div\",null,{\"hidden\":true,\"children\":[\"$\",\"$10\",null,{\"fallback\":null,\"children\":[\"$\",\"$L11\",null,{\"promise\":\"$@12\"}]}]}]\n8:null\n4:[\"$\",\"html\",null,{\"id\":\"root\",\"lang\":\"en\",\"className\":\"__variable_01df4e __variable_9cf333\",\"data-ad-tags\":\"on\",\"data-privacy-region\":\"none\",\"children\":[[\"$\",\"head\",null,{\"children\":[[\"$\",\"script\",null,{\"type\":\"application/ld+json\",\"suppressHydrationWarning\":true,\"dangerouslySetInnerHTML\":{\"__html\":\"{\\\"@context\\\":\\\"https://schema.org\\\",\\\"@type\\\":\\\"Organization\\\",\\\"name\\\":\\\"CopilotKit | Bring Users and AI Agents together inside real apps\\\",\\\"description\\\":\\\"The Enterprise-Ready Frontend Stack for Agents. CopilotKit lets you integrate LLMs or agents with real-time context, UI control, and full flexibility.\\\",\\\"url\\\":\\\"https://www.copilotkit.ai\\\",\\\"logo\\\":\\\"https://www.copilotkit.ai/images/og/generic.webp\\\",\\\"sameAs\\\":[\\\"https://x.com/CopilotKit\\\",\\\"https://www.linkedin.com/company/copilotkit/\\\",\\\"https://github.com/CopilotKit/CopilotKit\\\"]}\"}}],[\"$\",\"$L13\",null,{\"id\":\"gtag-loader\",\"src\":\"https://www.googletagmanager.com/gtag/js?id=G-VLHBBW8BC9\",\"strategy\":\"lazyOnload\"}],[\"$\",\"$L13\",null,{\"id\":\"gtag-init\",\"strategy\":\"lazyOnload\",\"dangerouslySetInnerHTML\":{\"__html\":\"\\n                window.dataLayer = window.dataLayer || [];\\n                function gtag(){dataLayer.push(arguments);}\\n                gtag('js', new Date());\\n                gtag('config', 'G-VLHBBW8BC9');\\n              \"}}]]}],\"$L14\"]}]\nc:[[\"$\",\"meta\",\"0\",{\"charSet\":\"utf-8\"}],[\"$\",\"meta\",\"1\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}]]\n7:null\na:{\"metadata\":[[\"$\",\"title\",\"0\",{\"children\":\"Blog | CopilotKit\"}],[\"$\",\"meta\",\"1\",{\"name\":\"description\",\"content\":\"Explore the latest insights, tips, and best practices for building agentic applications with CopilotKit.\"}],[\"$\",\"meta\",\"2\",{\"name\":\"robots\",\"content\":\"index, follow\"}],[\"$\",\"meta\",\"3\",{\"name\":\"googlebot\",\"content\":\"index, follow, max-video-preview:-1, max-image-preview:large, max-snippet:-1\"}],[\"$\",\"link\",\"4\",{\"rel\":\"canonical\",\"href\":"])</script>
28<script>self.__next_f.push([1,"\"https://www.copilotkit.ai/blog\"}],[\"$\",\"meta\",\"5\",{\"property\":\"og:title\",\"content\":\"Blog | CopilotKit\"}],[\"$\",\"meta\",\"6\",{\"property\":\"og:description\",\"content\":\"Explore the latest insights, tips, and best practices for building agentic applications with CopilotKit.\"}],[\"$\",\"meta\",\"7\",{\"property\":\"og:image\",\"content\":\"https://www.copilotkit.ai/images/og/blog.webp\"}],[\"$\",\"meta\",\"8\",{\"property\":\"og:image:width\",\"content\":\"1200\"}],[\"$\",\"meta\",\"9\",{\"property\":\"og:image:height\",\"content\":\"630\"}],[\"$\",\"meta\",\"10\",{\"property\":\"og:image:alt\",\"content\":\"Blog | CopilotKit\"}],[\"$\",\"meta\",\"11\",{\"property\":\"og:type\",\"content\":\"website\"}],[\"$\",\"meta\",\"12\",{\"name\":\"twitter:card\",\"content\":\"summary_large_image\"}],[\"$\",\"meta\",\"13\",{\"name\":\"twitter:title\",\"content\":\"Blog | CopilotKit\"}],[\"$\",\"meta\",\"14\",{\"name\":\"twitter:description\",\"content\":\"Explore the latest insights, tips, and best practices for building agentic applications with CopilotKit.\"}],[\"$\",\"meta\",\"15\",{\"name\":\"twitter:image\",\"content\":\"https://www.copilotkit.ai/images/og/blog.webp\"}],[\"$\",\"link\",\"16\",{\"rel\":\"icon\",\"href\":\"/favicon.ico\",\"type\":\"image/x-icon\",\"sizes\":\"16x16\"}],[\"$\",\"link\",\"17\",{\"rel\":\"icon\",\"href\":\"/favicon.ico\"}]],\"error\":null,\"digest\":\"$undefined\"}\n12:{\"metadata\":\"$a:metadata\",\"error\":null,\"digest\":\"$undefined\"}\n"])</script>
28<script>self.__next_f.push([1,"15:I[21965,[\"9320\",\"static/chunks/962fefad-9d7b9065d9ca5f08.js?dpl=dpl_6PRq2pzNmJwiK3QXgfRscSuFSmeS\",\"3777\",\"static/chunks/e8cc0388-e956e5f249ebb664.js?dpl=dpl_6PRq2pzNmJwiK3QXgfRscSuFSmeS\",\"2014\",\"static/chunks/52624530-e6696299b53c89a0.js?dpl=dpl_6PRq2pzNmJwiK3QXgfRscSuFSmeS\",\"3829\",\"static/chunks/3829-71a9babe9f308215.js?dpl=dpl_6PRq2pzNmJwiK3QXgfRscSuFSmeS\",\"2714\",\"static/chunks/2714-1c741ec5cb708c0c.js?dpl=dpl_6PRq2pzNmJwiK3QXgfRscSuFSmeS\",\"1844\",\"static/chunks/1844-f34025f7df46a3f0.js?dpl=dpl_6PRq2pzNmJwiK3QXgfRscSuFSmeS\",\"8243\",\"static/chunks/8243-bf11160ee3ccd3bd.js?dpl=dpl_6PRq2pzNmJwiK3QXgfRscSuFSmeS\",\"5991\",\"static/chunks/5991-0ab49de2e9e0902d.js?dpl=dpl_6PRq2pzNmJwiK3QXgfRscSuFSmeS\",\"9380\",\"static/chunks/9380-993cc83133ef17fc.js?dpl=dpl_6PRq2pzNmJwiK3QXgfRscSuFSmeS\",\"4105\",\"static/chunks/4105-1eb713f633642d9c.js?dpl=dpl_6PRq2pzNmJwiK3QXgfRscSuFSmeS\",\"8230\",\"static/chunks/app/(default)/blog/page-897cec1e9bdfcf81.js?dpl=dpl_6PRq2pzNmJwiK3QXgfRscSuFSmeS\"],\"default\"]\n16:I[49193,[\"9320\",\"static/chunks/962fefad-9d7b9065d9ca5f08.js?dpl=dpl_6PRq2pzNmJwiK3QXgfRscSuFSmeS\",\"3777\",\"static/chunks/e8cc0388-e956e5f249ebb664.js?dpl=dpl_6PRq2pzNmJwiK3QXgfRscSuFSmeS\",\"2014\",\"static/chunks/52624530-e6696299b53c89a0.js?dpl=dpl_6PRq2pzNmJwiK3QXgfRscSuFSmeS\",\"3829\",\"static/chunks/3829-71a9babe9f308215.js?dpl=dpl_6PRq2pzNmJwiK3QXgfRscSuFSmeS\",\"2714\",\"static/chunks/2714-1c741ec5cb708c0c.js?dpl=dpl_6PRq2pzNmJwiK3QXgfRscSuFSmeS\",\"1844\",\"static/chunks/1844-f34025f7df46a3f0.js?dpl=dpl_6PRq2pzNmJwiK3QXgfRscSuFSmeS\",\"8243\",\"static/chunks/8243-bf11160ee3ccd3bd.js?dpl=dpl_6PRq2pzNmJwiK3QXgfRscSuFSmeS\",\"5991\",\"static/chunks/5991-0ab49de2e9e0902d.js?dpl=dpl_6PRq2pzNmJwiK3QXgfRscSuFSmeS\",\"9380\",\"static/chunks/9380-993cc83133ef17fc.js?dpl=dpl_6PRq2pzNmJwiK3QXgfRscSuFSmeS\",\"4105\",\"static/chunks/4105-1eb713f633642d9c.js?dpl=dpl_6PRq2pzNmJwiK3QXgfRscSuFSmeS\",\"8230\",\"static/chunks/app/(default)/blog/page-897cec1e9bdfcf81.js?dpl=dpl_6PRq2pzNmJwiK3QXgfRscSuFSmeS\"],\"default\"]\n17:I[33829,[\"9320\",\"static/chunks/962fefad-9d7b9065d9ca5f08.js?dpl=d"])</script>
28<script>self.__next_f.push([1,"pl_6PRq2pzNmJwiK3QXgfRscSuFSmeS\",\"3777\",\"static/chunks/e8cc0388-e956e5f249ebb664.js?dpl=dpl_6PRq2pzNmJwiK3QXgfRscSuFSmeS\",\"2014\",\"static/chunks/52624530-e6696299b53c89a0.js?dpl=dpl_6PRq2pzNmJwiK3QXgfRscSuFSmeS\",\"3829\",\"static/chunks/3829-71a9babe9f308215.js?dpl=dpl_6PRq2pzNmJwiK3QXgfRscSuFSmeS\",\"2714\",\"static/chunks/2714-1c741ec5cb708c0c.js?dpl=dpl_6PRq2pzNmJwiK3QXgfRscSuFSmeS\",\"1844\",\"static/chunks/1844-f34025f7df46a3f0.js?dpl=dpl_6PRq2pzNmJwiK3QXgfRscSuFSmeS\",\"8243\",\"static/chunks/8243-bf11160ee3ccd3bd.js?dpl=dpl_6PRq2pzNmJwiK3QXgfRscSuFSmeS\",\"5991\",\"static/chunks/5991-0ab49de2e9e0902d.js?dpl=dpl_6PRq2pzNmJwiK3QXgfRscSuFSmeS\",\"9380\",\"static/chunks/9380-993cc83133ef17fc.js?dpl=dpl_6PRq2pzNmJwiK3QXgfRscSuFSmeS\",\"4105\",\"static/chunks/4105-1eb713f633642d9c.js?dpl=dpl_6PRq2pzNmJwiK3QXgfRscSuFSmeS\",\"8230\",\"static/chunks/app/(default)/blog/page-897cec1e9bdfcf81.js?dpl=dpl_6PRq2pzNmJwiK3QXgfRscSuFSmeS\"],\"\"]\n18:I[62714,[\"9320\",\"static/chunks/962fefad-9d7b9065d9ca5f08.js?dpl=dpl_6PRq2pzNmJwiK3QXgfRscSuFSmeS\",\"3777\",\"static/chunks/e8cc0388-e956e5f249ebb664.js?dpl=dpl_6PRq2pzNmJwiK3QXgfRscSuFSmeS\",\"2014\",\"static/chunks/52624530-e6696299b53c89a0.js?dpl=dpl_6PRq2pzNmJwiK3QXgfRscSuFSmeS\",\"3829\",\"static/chunks/3829-71a9babe9f308215.js?dpl=dpl_6PRq2pzNmJwiK3QXgfRscSuFSmeS\",\"2714\",\"static/chunks/2714-1c741ec5cb708c0c.js?dpl=dpl_6PRq2pzNmJwiK3QXgfRscSuFSmeS\",\"1844\",\"static/chunks/1844-f34025f7df46a3f0.js?dpl=dpl_6PRq2pzNmJwiK3QXgfRscSuFSmeS\",\"8243\",\"static/chunks/8243-bf11160ee3ccd3bd.js?dpl=dpl_6PRq2pzNmJwiK3QXgfRscSuFSmeS\",\"5991\",\"static/chunks/5991-0ab49de2e9e0902d.js?dpl=dpl_6PRq2pzNmJwiK3QXgfRscSuFSmeS\",\"9380\",\"static/chunks/9380-993cc83133ef17fc.js?dpl=dpl_6PRq2pzNmJwiK3QXgfRscSuFSmeS\",\"4105\",\"static/chunks/4105-1eb713f633642d9c.js?dpl=dpl_6PRq2pzNmJwiK3QXgfRscSuFSmeS\",\"8230\",\"static/chunks/app/(default)/blog/page-897cec1e9bdfcf81.js?dpl=dpl_6PRq2pzNmJwiK3QXgfRscSuFSmeS\"],\"Image\"]\n1c:I[44105,[\"9320\",\"static/chunks/962fefad-9d7b9065d9ca5f08.js?dpl=dpl_6PRq2pzNmJwiK3QXgfRscSuFSmeS\",\"3777\",\"static/chunks/e8cc0388-e956e5f249ebb"])</script>
28<script>self.__next_f.push([1,"664.js?dpl=dpl_6PRq2pzNmJwiK3QXgfRscSuFSmeS\",\"2014\",\"static/chunks/52624530-e6696299b53c89a0.js?dpl=dpl_6PRq2pzNmJwiK3QXgfRscSuFSmeS\",\"3829\",\"static/chunks/3829-71a9babe9f308215.js?dpl=dpl_6PRq2pzNmJwiK3QXgfRscSuFSmeS\",\"2714\",\"static/chunks/2714-1c741ec5cb708c0c.js?dpl=dpl_6PRq2pzNmJwiK3QXgfRscSuFSmeS\",\"1844\",\"static/chunks/1844-f34025f7df46a3f0.js?dpl=dpl_6PRq2pzNmJwiK3QXgfRscSuFSmeS\",\"8243\",\"static/chunks/8243-bf11160ee3ccd3bd.js?dpl=dpl_6PRq2pzNmJwiK3QXgfRscSuFSmeS\",\"5991\",\"static/chunks/5991-0ab49de2e9e0902d.js?dpl=dpl_6PRq2pzNmJwiK3QXgfRscSuFSmeS\",\"9380\",\"static/chunks/9380-993cc83133ef17fc.js?dpl=dpl_6PRq2pzNmJwiK3QXgfRscSuFSmeS\",\"4105\",\"static/chunks/4105-1eb713f633642d9c.js?dpl=dpl_6PRq2pzNmJwiK3QXgfRscSuFSmeS\",\"8230\",\"static/chunks/app/(default)/blog/page-897cec1e9bdfcf81.js?dpl=dpl_6PRq2pzNmJwiK3QXgfRscSuFSmeS\"],\"default\"]\n19:T4f6,CopilotKit swapped their coding agents to a new model (fable-5) on a Tuesday, and by Wednesday had run up a ~$22,000 Anthropic bill. No bug or runaway script caused it — five engineers doing normal work triggered it, because the new model interpreted their English-prose behavioral rules (\"keep sub-agents small,\" \"converge to zero\") far more loosely than older models did. The result was four simultaneous drift modes: bloated sub-agents, runaway review loops, exploding fanout, and oversized single turns.\nWhat kept it from being far worse was their \"skills\" system — small, named instruction packs that agents auto-load to encode team conventions. Their instrumentation caught the runaway in 12 hours instead of 12 days, isolated worktrees contained the blast radius, and the fix lived at the rules layer (swapping vague adjectives for hard numeric budgets and machine-checkable gates) rather than in application code.\nThe takeaway: if you let AI agents do real work, you need a guardrails layer that encodes desired behavior separately from the agents — small, composable, and faster to change than a model. Because models will change, and the team with a rules layer pays $22K and wri"])</script>
28<script>self.__next_f.push([1,"tes a blog post; the team without one pays more and writes a press release.1a:T555,Oracle, Google, and CopilotKit have jointly released an integration that standardizes how AI agents are defined, how they communicate with frontends in real time, and how they describe the UI they require.\n\nThe integration connects three distinct layers. Oracle's Open Agent Specification (Agent Spec) provides a framework-agnostic way to define agent logic, workflows, and tool usage once and run it across compatible runtimes. AG-UI handles the live interaction stream between the agent and the frontend, keeping tool progress, state updates, and user interactions synchronized while the agent is executing. \n\nA2UI, developed by Google, allows agents to describe the UI they need - forms, tables, multi-step flows - as structured JSONL, which CopilotKit then renders automatically inside the host application.\n\nPreviously, each of these layers required custom implementation per project. This release establishes a shared contract across all three, meaning agent developers can define the agent once, expose a standardized interaction stream, and have the frontend render structured UI surfaces without writing custom wiring for each tool or workflow.\n\nThe practical impact is reduced integration friction across the ecosystem - agent runtimes and frontend clients that implement these standards can interoperate without lock-in to a specific framework or vendor.1b:T43d,Discover how CoAgents, in partnership with LangGraph and CopilotKit, are revolutionizing the way AI agents interact within applications by aligning more closely with human input. This blog explores the essential role of human-in-the-loop systems to ensure AI agents perform optimally when they complement human efforts, rather than operating fully autonomously. Key Highlights: Human-AI Collaboration: Understand the significance of connecting AI agents with real-time application contexts to enhance decision-making and task performance. Monitoring and Steering: Learn how end-users can moni"])</script>
28<script>self.__next_f.push([1,"tor and guide AI agents, ensuring they remain on the right track during operations.\nTechnology Integration: Dive into how integrating CoAgents with LangGraph elevates in-app human-in-the-loop agents, making advanced AI more accessible and effective for developers through CopilotKit.\nInteractive Agent Features: Explore features such as streaming intermediate agent states for live updates, shared states for collaborative input, and agent-led interactive Q\u0026As to refine operational responses."])</script>
28<script>self.__next_f.push([1,"5:[\"$\",\"main\",null,{\"className\":\"flex w-full flex-col items-center justify-center\",\"children\":[[\"$\",\"script\",null,{\"type\":\"application/ld+json\",\"dangerouslySetInnerHTML\":{\"__html\":\"{\\\"@context\\\":\\\"https://schema.org\\\",\\\"@type\\\":\\\"Blog\\\",\\\"name\\\":\\\"CopilotKit Blog\\\",\\\"url\\\":\\\"https://www.copilotkit.ai/blog\\\",\\\"image\\\":\\\"https://www.copilotkit.ai/images/og/generic.webp\\\",\\\"mainEntityOfPage\\\":{\\\"@type\\\":\\\"BlogPosting\\\",\\\"url\\\":\\\"https://www.copilotkit.ai/blog\\\",\\\"headline\\\":\\\"CopilotKit Blog\\\"},\\\"publisher\\\":{\\\"@type\\\":\\\"Organization\\\",\\\"name\\\":\\\"CopilotKit\\\",\\\"url\\\":\\\"https://www.copilotkit.ai\\\",\\\"logo\\\":\\\"https://www.copilotkit.ai/images/og/generic.webp\\\"}}\"}}],[\"$\",\"$L15\",null,{\"latestPost\":{\"canonicalUrl\":null,\"datePublished\":\"2026-08-04T14:36:55.689Z\",\"fieldData\":{\"author-1st\":\"67b614374226edf738128a10\",\"author-2nd\":\"5dd6cbad-fc2b-45b4-a1f7-36c17e42f1a3\",\"canonical-url\":null,\"date-published\":\"2026-08-04T14:36:55.689Z\",\"hide-name\":false,\"hide-thumbnail\":true,\"latest-post\":true,\"name\":\"Introducing Channels SDK - Bring Any Agent to Any Channel\",\"post-body\":[{\"_key\":\"6d40e9d62f0d\",\"_type\":\"embed\",\"url\":\"https://cdn.copilotkit.ai/blog/channels-sdk/channels-sdk-webinar.mp4\"},{\"_key\":\"42476d6ac728\",\"_type\":\"block\",\"children\":[{\"_key\":\"ff81bc85b0cd\",\"_type\":\"span\",\"marks\":[\"em\",\"strong\"],\"text\":\"Introducing the Channels SDK webinar\"}],\"markDefs\":[],\"style\":\"normal\"},{\"_key\":\"0e86411566f7\",\"_type\":\"block\",\"children\":[{\"_key\":\"4e85bf00918a\",\"_type\":\"span\",\"marks\":[],\"text\":\"Your users already work in Slack and Microsoft Teams. Getting an agent into those channels usually means a separate integration for each one, with its own provider setup, message format, and delivery rules.\"}],\"markDefs\":[],\"style\":\"normal\"},{\"_key\":\"22da041faf54\",\"_type\":\"block\",\"children\":[{\"_key\":\"dd10e7a676be\",\"_type\":\"span\",\"marks\":[],\"text\":\"Today we're releasing the \"},{\"_key\":\"a5c63e7a2d7f\",\"_type\":\"span\",\"marks\":[\"8c97405033b2\"],\"text\":\"Channels SDK\"},{\"_key\":\"8c648726bad0\",\"_type\":\"span\",\"marks\":[],\"text\":\", an open source library that brings any \"},{\"_key\":\"5275a6381e2d\",\"_type\":\"span\",\"marks\":[\"03d0336e25a8\"],\"text\":\"AG-UI\"},{\"_key\":\"500b60c45850\",\"_type\":\"span\",\"marks\":[],\"text\":\" agent to channels like Slack, Microsoft Teams, and other chat platforms. Your agent lives right there, with the same memory and context the people in the thread already have.\"}],\"markDefs\":[{\"_key\":\"8c97405033b2\",\"_type\":\"link\",\"href\":\"https://github.com/CopilotKit/channels-sdk\"},{\"_key\":\"03d0336e25a8\",\"_type\":\"link\",\"href\":\"https://github.com/ag-ui-protocol/ag-ui\"}],\"style\":\"normal\"},{\"_key\":\"a4c0fde0caf4\",\"_type\":\"block\",\"children\":[{\"_key\":\"2cf4090b57c8\",\"_type\":\"span\",\"marks\":[],\"text\":\"Slack and Teams are managed for you today, with \"},{\"_key\":\"813ac128b2a6\",\"_type\":\"span\",\"marks\":[\"f9c5ac4786dc\"],\"text\":\"CopilotKit Intelligence\"},{\"_key\":\"bb75dda4ce10\",\"_type\":\"span\",\"marks\":[],\"text\":\" handling the platform side, credentials, delivery, and ordering, and more channels coming soon.\"}],\"markDefs\":[{\"_key\":\"f9c5ac4786dc\",\"_type\":\"link\",\"href\":\"https://intelligence.copilotkit.ai/\"}],\"style\":\"normal\"},{\"_key\":\"0ef672fdd60d\",\"_type\":\"code\",\"code\":\"npx copilotkit@latest channels setup\",\"language\":\"sh\"},{\"_key\":\"49891afb5953\",\"_type\":\"block\",\"children\":[{\"_key\":\"bdabe9d3ac89\",\"_type\":\"span\",\"marks\":[],\"text\":\"We have created public channels on Slack and Microsoft Teams so you can try the agent live. Head to \"},{\"_key\":\"a19291239127\",\"_type\":\"span\",\"marks\":[\"d06d0701ddbc\",\"underline\"],\"text\":\"copilotkit.ai/try-channels\"},{\"_key\":\"66ecf1b42f1e\",\"_type\":\"span\",\"marks\":[],\"text\":\" and we'll get you in.\"}],\"markDefs\":[{\"_key\":\"d06d0701ddbc\",\"_type\":\"link\",\"href\":\"https://www.copilotkit.ai/try-channels\"}],\"style\":\"normal\"},{\"_key\":\"dcd654e692b7\",\"_type\":\"embed\",\"url\":\"https://cdn.copilotkit.ai/corp-site/videos/channels-sdk-motion-optimized.mp4\"},{\"_key\":\"0b19993f83d4\",\"_type\":\"block\",\"children\":[{\"_key\":\"4e79f7a53778\",\"_type\":\"span\",\"marks\":[],\"text\":\"To get started, clone \"},{\"_key\":\"c4690b52d241\",\"_type\":\"span\",\"marks\":[\"327b2130da59\"],\"text\":\"OpenTag on GitHub\"},{\"_key\":\"d7e38e9669aa\",\"_type\":\"span\",\"marks\":[],\"text\":\" for a complete working example, or follow the quickstart guide in the \"},{\"_key\":\"1224c509f11e\",\"_type\":\"span\",\"marks\":[\"c824cbfae1f7\"],\"text\":\"Channels docs\"},{\"_key\":\"28e53def8d0d\",\"_type\":\"span\",\"marks\":[],\"text\":\".\"}],\"markDefs\":[{\"_key\":\"327b2130da59\",\"_type\":\"link\",\"href\":\"https://github.com/CopilotKit/OpenTag\"},{\"_key\":\"c824cbfae1f7\",\"_type\":\"link\",\"href\":\"https://docs.copilotkit.ai/channels\"}],\"style\":\"normal\"},{\"_key\":\"894f0428a1af\",\"_type\":\"block\",\"children\":[{\"_key\":\"cd9590e6e05e\",\"_type\":\"span\",\"marks\":[],\"text\":\"One codebase, every channel\"}],\"markDefs\":[],\"style\":\"h2\"},{\"_key\":\"98137dd55786\",\"_type\":\"block\",\"children\":[{\"_key\":\"bb842c8c54d9\",\"_type\":\"span\",\"marks\":[],\"text\":\"Add a channel in the dashboard, connect Slack or Teams, and point your runtime at your agent. To add another platform later, connect it in the dashboard and the rest of your co
28de stays the same.\"}],\"markDefs\":[],\"style\":\"normal\"},{\"_key\":\"ed0b78fba3be\",\"_type\":\"code\",\"code\":\"import { createChannel } from \\\"@copilotkit/channels\\\";\\nimport { CopilotRuntime, CopilotKitIntelligence } from \\\"@copilotkit/runtime/v2\\\";\\nimport { createCopilotNodeListener } from \\\"@copilotkit/runtime/v2/node\\\";\\nimport { agent } from \\\"./agent\\\"; // any AG-UI or CopilotKit agent\\n\\nconst channel = createChannel({ name: \\\"support-bot\\\", identifyUser: \\\"platform\\\", agent });\\n\\nchannel.onMessage(({ thread, message }) =\u003e thread.runAgent({ prompt: message.text }));\\n\\nconst runtime = new CopilotRuntime({\\n  agents: {},\\n  intelligence: new CopilotKitIntelligence({\\n    apiKey: process.env.INTELLIGENCE_API_KEY!, // free to start\\n  }),\\n  channels: [channel],\\n});\\n\\nawait createCopilotNodeListener({ runtime }).channels?.ready();\",\"language\":\"tsx\"},{\"_key\":\"12d59d7200d4\",\"_type\":\"block\",\"children\":[{\"_key\":\"ec55cdf428f2\",\"_type\":\"span\",\"marks\":[],\"text\":\"The agent's reply streams into the channel and updates in place as the agent writes. The same handler works in every channel. For the full setup, env, JSX config, and run steps, \"},{\"_key\":\"fecd7defd3b2\",\"_type\":\"span\",\"marks\":[\"5b57db0ab774\",\"underline\"],\"text\":\"read the quickstart guide\"},{\"_key\":\"318626aa85c9\",\"_type\":\"span\",\"marks\":[],\"text\":\".\"}],\"markDefs\":[{\"_key\":\"5b57db0ab774\",\"_type\":\"link\",\"href\":\"https://docs.copilotkit.ai/slack/connect\"}],\"style\":\"normal\"},{\"_key\":\"d9e613382576\",\"_type\":\"image\",\"asset\":{\"_ref\":\"image-8587bc98ad62af12e1590d1a5be13c9e2dbf1981-1920x1080-png\",\"_type\":\"reference\"}},{\"_key\":\"d34bcc06e8bf\",\"_type\":\"block\",\"children\":[{\"_key\":\"31629a7632f9\",\"_type\":\"span\",\"marks\":[],\"text\":\"The agent's replies render as each platform's own UI, Block Kit in Slack and Adaptive Cards in Teams, from a single message you write once in JSX.\"}],\"markDefs\":[],\"style\":\"normal\"},{\"_key\":\"198879dae22e\",\"_type\":\"block\",\"children\":[{\"_key\":\"36caf223d45d\",\"_type\":\"span\",\"marks\":[],\"text\":\"You compose a rich reply from the \"},{\"_key\":\"5573c74c66e6\",\"_type\":\"span\",\"marks\":[\"cce89fcf84c7\",\"underline\"],\"text\":\"Channels component library\"},{\"_key\":\"3413623eb3ff\",\"_type\":\"span\",\"marks\":[],\"text\":\": sections, headers, buttons, tables, and more, and the pieces you write become native components on each platform.\"}],\"markDefs\":[{\"_key\":\"cce89fcf84c7\",\"_type\":\"link\",\"href\":\"https://docs.copilotkit.ai/reference/channels\"}],\"style\":\"normal\"},{\"_key\":\"2d89805b98c2\",\"_type\":\"code\",\"code\":\"import { Message, Section, Actions, Button } from \\\"@copilotkit/channels/ui\\\";\\n\\nawait thread.post(\\n  \u003cMessage\u003e\\n    \u003cSection\u003eDeploy v1.4.2 to production?\u003c/Section\u003e\\n    \u003cActions\u003e\\n      \u003cButton onClick={({ thread }) =\u003e thread.post(\\\"Shipping.\\\")}\u003eShip it\u003c/Button\u003e\\n      \u003cButton\u003eCancel\u003c/Button\u003e\\n    \u003c/Actions\u003e\\n  \u003c/Message\u003e,\\n);\",\"language\":\"typescript\"},{\"_key\":\"bb9cc3fec852\",\"_type\":\"block\",\"children\":[{\"_key\":\"06ac881a47ec\",\"_type\":\"span\",\"marks\":[],\"text\":\"Your agent also gets all of these out of the box:\"}],\"markDefs\":[],\"style\":\"normal\"},{\"_key\":\"f0b72a593774\",\"_type\":\"block\",\"children\":[{\"_key\":\"a39afde037b1\",\"_type\":\"span\",\"marks\":[\"d1888979aafe\"],\"text\":\"Generative UI\"},{\"_key\":\"57080009ee8b\",\"_type\":\"span\",\"marks\":[],\"text\":\" so the agent renders interactive components right in the chat, like charts\"}],\"level\":1,\"listItem\":\"bullet\",\"markDefs\":[{\"_key\":\"d1888979aafe\",\"_type\":\"link\",\"href\":\"https://docs.copilotkit.ai/slack/rich-messages\"}],\"style\":\"normal\"},{\"_key\":\"c8ad908dae6c\",\"_type\":\"block\",\"children\":[{\"_key\":\"dd454b284512\",\"_type\":\"span\",\"marks\":[\"a0f1c6b6bbb0\"],\"text\":\"Human-in-the-loop\"},{\"_key\":\"33b526ba90b4\",\"_type\":\"span\",\"marks\":[],\"text\":\" so critical actions wait for your approval\"}],\"level\":1,\"listItem\":\"bullet\",\"markDefs\":[{\"_key\":\"a0f1c6b6bbb0\",\"_type\":\"link\",\"href\":\"https://docs.copilotkit.ai/slack/interactive\"}
28],\"style\":\"normal\"},{\"_key\":\"e08fe720a5a8\",\"_type\":\"block\",\"children\":[{\"_key\":\"84a3e9cc36da\",\"_type\":\"span\",\"marks\":[\"c83b53c4fee2\"],\"text\":\"Persistence\"},{\"_key\":\"0a525bbddee3\",\"_type\":\"span\",\"marks\":[],\"text\":\" that keeps thread state across restarts and instances\"}],\"level\":1,\"listItem\":\"bullet\",\"markDefs\":[{\"_key\":\"c83b53c4fee2\",\"_type\":\"link\",\"href\":\"https://docs.copilotkit.ai/slack/persistence-and-scaling\"}],\"style\":\"normal\"},{\"_key\":\"164b65a83bd5\",\"_type\":\"block\",\"children\":[{\"_key\":\"f938df5133f0\",\"_type\":\"span\",\"marks\":[\"645cc228dbda\"],\"text\":\"MCP servers\"},{\"_key\":\"f2f5ad46d81c\",\"_type\":\"span\",\"marks\":[],\"text\":\" to connect tools from other services\"}],\"level\":1,\"listItem\":\"bullet\",\"markDefs\":[{\"_key\":\"645cc228dbda\",\"_type\":\"link\",\"href\":\"https://docs.copilotkit.ai/slack/tools\"}],\"style\":\"normal\"},{\"_key\":\"ce8eeff76996\",\"_type\":\"block\",\"children\":[{\"_key\":\"5095fb3057e3\",\"_type\":\"span\",\"marks\":[\"c7a3bcad3e99\"],\"text\":\"Slash commands and reactions\"},{\"_key\":\"c8a6d7c01bfd\",\"_type\":\"span\",\"marks\":[],\"text\":\", \"},{\"_key\":\"39d10d0043e6\",\"_type\":\"span\",\"marks\":[\"code\"],\"text\":\"/commands\"},{\"_key\":\"5d20049dc6df\",\"_type\":\"span\",\"marks\":[],\"text\":\" and react-to-any-message handlers\"}],\"level\":1,\"listItem\":\"bullet\",\"markDefs\":[{\"_key\":\"c7a3bcad3e99\",\"_type\":\"link\",\"href\":\"https://docs.copilotkit.ai/slack/commands-and-reactions\"}],\"style\":\"normal\"},{\"_key\":\"c5400428b113\",\"_type\":\"block\",\"children\":[{\"_key\":\"1ddaa678da10\",\"_type\":\"span\",\"marks\":[\"ec195046f115\"],\"text\":\"Files and multimodality\"},{\"_key\":\"d6144b862de5\",\"_type\":\"span\",\"marks\":[],\"text\":\" so users drop in images and files for the agent to read\"}],\"level\":1,\"listItem\":\"bullet\",\"markDefs\":[{\"_key\":\"ec195046f115\",\"_type\":\"link\",\"href\":\"https://docs.copilotkit.ai/slack/files-and-multimodality\"}],\"style\":\"normal\"},{\"_key\":\"14b054dd9102\",\"_type\":\"block\",\"children\":[{\"_key\":\"dc39bf1e8bf5\",\"_type\":\"span\",\"marks\":[\"18df1d565ebe\"],\"text\":\"Tools\"},{\"_key\":\"f116ff505baa\",\"_type\":\"span\",\"marks\":[],\"text\":\" you define yourself to act on your own systems\"}],\"level\":1,\"listItem\":\"bullet\",\"markDefs\":[{\"_key\":\"18df1d565ebe\",\"_type\":\"link\",\"href\":\"https://docs.copilotkit.ai/slack/tools\"}],\"style\":\"normal\"},{\"_key\":\"d1d0e4ff4a3b\",\"_type\":\"block\",\"children\":[{\"_key\":\"94441168c947\",\"_type\":\"span\",\"marks\":[],\"text\":\"Here's Generative UI live in slack.\"}],\"markDefs\":[],\"style\":\"normal\"},{\"_key\":\"b0e377b4094f\",\"_type\":\"image\",\"asset\":{\"_ref\":\"image-e8fbd0fa2ec262aff2471672f73ecece0dd0c863-1390x1188-png\",\"_type\":\"reference\"}},{\"_key\":\"39ed5267346a\",\"_type\":\"block\",\"children\":[{\"_key\":\"a6ceb069777e\",\"_type\":\"span\",\"marks\":[],\"text\":\"Give it tools to act\"}],\"markDefs\":[],\"style\":\"h2\"},{\"_key\":\"00b286962163\",\"_type\":\"block\",\"children\":[{\"_key\":\"14d01ce8d468\",\"_type\":\"span\",\"marks\":[],\"text\":\"A tool lets the agent do more than answer, it calls your code to open a PR, file an issue, or trigger a deploy, then posts the result back into the thread. You \"},{\"_key\":\"70b7590c5505\",\"_type\":\"span\",\"marks\":[\"067eb3d94b56\"],\"text\":\"define a tool\"},{\"_key\":\"67466ca1e92e\",\"_type\":\"span\",\"marks\":[],\"text\":\".\"}],\"markDefs\":[{\"_key\":\"067eb3d94b56\",\"_type\":\"link\",\"href\":\"https://docs.copilotkit.ai/slack/tools\"}],\"style\":\"normal\"},{\"_key\":\"e0716dbef747\",\"_type\":\"block\",\"children\":[{\"_key\":\"184c3d090322\",\"_type\":\"span\",\"marks\":[],\"text\":\"For example, someone reports a bug in the channel. You ask the agent to file a Linear issue and draft a PR against it, and post both back to the thread. Your code runs each action, and anything that ships waits for your approval.\"}],\"markDefs\":[],\"style\":\"normal\"},{\"_key\":\"267c9fbf89d5\",\"_type\":\"code\",\"code\":\"import { defineChannelTool } from \\\"@copilotkit/channels\\\";\\nimport { z } from \\\"zod\\\";\\n\\n// The Linear issue step from the bug flow above. You'd define open_pr the same way.\\nconst createLinearIssue = defineChannelTool({\\n  name: \\\"create_linear_issue\\\",\\n  description: \\\"Create a Linear issue from a reported bug\\\",\\n  parameters: z.object({ title: z.string(), body: z.string() }),\\n  async handler({ title, body }) {\\n    const url = await createIssue({ title, body }); // your code\\n    return `Created a Linear issue: ${url}`;\\n  },\\n});
28\\n\\n// createChannel({ name, agent, tools: [createLinearIssue] })\",\"language\":\"tsx\"},{\"_key\":\"9efd3777f62f\",\"_type\":\"block\",\"children\":[{\"_key\":\"1fd627e32e69\",\"_type\":\"span\",\"marks\":[],\"text\":\"Already have tools in an MCP server? Connect it and the agent gets those alongside the ones you define. See \"},{\"_key\":\"4cfe8566fbbd\",\"_type\":\"span\",\"marks\":[\"ee3c28937074\",\"underline\"],\"text\":\"Tools and context docs\"},{\"_key\":\"8b097e682863\",\"_type\":\"span\",\"marks\":[],\"text\":\".\"}],\"markDefs\":[{\"_key\":\"ee3c28937074\",\"_type\":\"link\",\"href\":\"https://docs.copilotkit.ai/slack/tools\"}],\"style\":\"normal\"},{\"_key\":\"d0550e709c1c\",\"_type\":\"image\",\"asset\":{\"_ref\":\"image-c279f90099f141d84167d23456798e5183651e08-3000x1200-png\",\"_type\":\"reference\"}},{\"_key\":\"37a7599b17ab\",\"_type\":\"block\",\"children\":[{\"_key\":\"7f3b424909a9\",\"_type\":\"span\",\"marks\":[],\"text\":\"Memory: conversation history and cross-platform transcripts\"}],\"markDefs\":[],\"style\":\"h2\"},{\"_key\":\"07b1c77c9305\",\"_type\":\"block\",\"children\":[{\"_key\":\"1a9273ee922c\",\"_type\":\"span\",\"marks\":[],\"text\":\"The agent remembers in two ways. Conversation history is it recalling the current thread, and it works out of the box, Intelligence handles it, you store nothing. \"},{\"_key\":\"f973fc1fa04d\",\"_type\":\"span\",\"marks\":[\"673eb108b205\"],\"text\":\"Transcripts\"},{\"_key\":\"2c98dfa6a1a2\",\"_type\":\"span\",\"marks\":[],\"text\":\" add memory across platforms, so someone who asked in Teams can follow up in Slack with the earlier conversation already in context.\"}],\"markDefs\":[{\"_key\":\"673eb108b205\",\"_type\":\"link\",\"href\":\"https://docs.copilotkit.ai/slack/history-and-transcripts\"}],\"style\":\"normal\"},{\"_key\":\"0f23c3fcdf72\",\"_type\":\"block\",\"children\":[{\"_key\":\"62a3bff68701\",\"_type\":\"span\",\"marks\":[],\"text\":\"Transcripts live in the store you pass to \"},{\"_key\":\"3efa2f5a7c8f\",\"_type\":\"span\",\"marks\":[\"code\"],\"text\":\"createChannel\"},{\"_key\":\"cdb8d2a02d41\",\"_type\":\"span\",\"marks\":[],\"text\":\". In development that store stays in memory and resets on restart. For production, plug in a \"},{\"_key\":\"07575fda1f7a\",\"_type\":\"span\",\"marks\":[\"a5daeff3083d\"],\"text\":\"durable store (Redis, Postgres)\"},{\"_key\":\"2602eb26186d\",\"_type\":\"span\",\"marks\":[],\"text\":\" so transcripts and pending approvals survive a restart.\"}],\"markDefs\":[{\"_key\":\"a5daeff3083d\",\"_type\":\"link\",\"href\":\"https://docs.copilotkit.ai/slack/persistence-and-scaling\"}],\"style\":\"normal\"},{\"_key\":\"86148041ba6d\",\"_type\":\"code\",\"code\":\"createChannel({\\n  name: \\\"support-bot\\\",\\n  identifyUser: ({ actor }) =\u003e\\n    actor.email ? { id: actor.email, name: actor.name ?? actor.email } : null,\\n  agent,\\n  store: {\\n    adapter: new MyStore(),             // Redis, Postgres\\n    transcripts: { retention: \\\"30d\\\" },  // memory that follows the user\\n  },\\n});\",\"language\":\"typescript\"},{\"_key\":\"6c2c6bd10b48\",\"_type\":\"block\",\"children\":[{\"_key\":\"0527b07f9c7e\",\"_type\":\"span\",\"marks\":[],\"text\":\"Managed for Slack and Microsoft Teams\"}],\"markDefs\":[],\"style\":\"h2\"},{\"_key\":\"b5fac0fca2fc\",\"_type\":\"block\",\"children\":[{\"_key\":\"f771bc5010f9\",\"_type\":\"span\",\"marks\":[],\"text\":\"The Channels SDK is open source, and every channel runs on a \"},{\"_key\":\"02b5684cba38\",\"_type\":\"span\",\"marks\":[\"7716e9fcfa3b\"],\"text\":\"CopilotKit Intelligence\"},{\"_key\":\"17fec2e4e3d6\",\"_type\":\"span\",\"marks\":[],\"text\":\" key. Your agent runs in your own infrastructure, connected over AG-UI, and Intelligence sits between it and the platforms.\"}],\"markDefs\":[{\"_key\":\"7716e9fcfa3b\",\"_type\":\"link\",\"href\":\"https://intelligence.copilotkit.ai/\"}],\"style\":\"normal\"},{\"_key\":\"8f1892b7d682\",\"_type\":\"image\",\"asset\":{\"_ref\":\"image-d5aed0de40301bc560372ec624e37bc4cd4110b9-2440x1680-png\",\"_type\":\"reference\"}},{\"_key\":\"5479fe9b835c\",\"_type\":\"block\",\"children\":[{\"_key\":\"9354e601a1b1\",\"_type\":\"span\",\"marks\":[],\"text\":\"Getting an agent into your channels yourself means owning everything on the platform side:\"}],\"markDefs\":[],\"style\":\"normal\"},{\"_key\":\"3f163cae38ec\",\"_type\":\"block\",\"children\":[{\"_key\":\"6f2abaf39f5a\",\"_type\":\"span\",\"marks\":[],\"text\":\"provider setup, tokens, and permissions\"}],\"level\":1,\"listItem\":\"bullet\",\"markDefs\":[],\"style\":\"normal\"},{\"_key\":\"f0d0930ee051\",\"_type\":\"block\",\"children\":[{\"_key\":\"a42f65ad8753\",\"_type\":\"span\",\"marks\":[],\"text\":\"the webhook or socket connection that receives events\"}],\"level\":1,\"listItem\":\"bullet\",\"markDefs\":[],\"style\":\"normal\"},{\"_key\":\"5bf17ee8ec75\",\"_type\":\"block\",\"children\":[{\"_key\":\"c75f53b112b5\",\"_type\":\"span\",\"marks\":[],\"text\":\"durable state so threads resume on the right agent\"}],\"level\":1,\"listItem\":\"bullet\",\"markDefs\":[],\"style\":\"normal\"},{\"_key\":\"492e58e80c39\",\"_type\":\"block\",\"children\":[{\"_key\":\"d60c052c4c1c\",\"_type\":\"span\",\"marks\":[],\"text\":\"reliable delivery with retries when something drops\"}],\"level\":1,\"listItem\":\"bullet\",\"markDefs\":[],\"style\":\"normal\"},{\"_key\":\"428637bb59e6\",\"_type\":\"block\",\"children\":[{\"_key\":\"22cdc380d161\",\"_type\":\"span\",\"marks\":[],\"text\":\"To run your agents in production, we give you managed Slack and Microsoft Teams today with \"},{\"_key\":\"7a54cb934a17\",\"_type\":\"span\",\"marks\":[\"b9791f10bcbb\"],\"text\":\"CopilotKit Intelligence\"},{\"_key\":\"dfde78da0575\",\"_type\":\"span\",\"marks\":[],\"text\":\". It holds the credentials, receives each event, and delivers the turn to your bot over a persistent connection, keeping delivery ordered and de-duplicated, so your process just runs the agent. Adding another platform is a click in the dashboard.\"}],\"markDefs\":[{\"_key\":\"b9791f10bcbb\",\"_type\":\"link\",\"href\":\"https://intelligence.copilotkit.ai/\"}],\"style\":\"normal\"},{\"_key\":\"316a37e5f48c\",\"_type\":\"block\",\"children\":[{\"_key\":\"db5716c57342\",\"_type\":\"span\",\"marks\":[\"d049627070e1\"],\"text\":\"Talk to our engineers\"},{\"_key\":\"95c44b88d9ac\",\"_type\":\"span\",\"marks\":[],\"text\":\" and we'll get you set up.\"}],\"markDefs\":[{\"_key\":\"d049627070e1\",\"_type\":\"link\",\"href\":\"https://www.copilotkit.ai/contact-us\"}],\"style\":\"normal\"},{\"_key\":\"7265b22668cf\",\"_type\":\"image\",\"asset\":{\"_ref\":\"image-69d1c2475ceb39534179f46dd65a58aa685d45d9-3402x1502-png\",\"_type\":\"reference\"}},{\"_key\":\"e0a75f6168df\",\"_type\":\"block\",\"children\":[{\"_key\":\"3c6fd1ea567f\",\"_type\":\"span\",\"marks\":[],\"text\":\"Available today\"}],\"markDefs\":[],\"style\":\"h2\"},{\"_key\":\"cd3f9d1a6db7\",\"_type\":\"block\",\"children\":[{\"_key\":\"70bcfe8711af\",\"_type\":\"span\",\"marks\":[],\"text\":\"The Channels SDK is open source and launches with Slack and Microsoft Teams, both fully managed through Intelligence.\"}],\"markDefs\":[],\"style\":\"normal\"},{\"_key\":\"64a7fd9c3ee5\",\"_type\":\"block\",\"children\":[{\"_key\":\"ab7ac211a6dc\",\"_type\":\"span\",\"marks\":[\"97a407f96b53\"],\"text\":\"Get started\"},{\"_key\":\"6e0c119d1d0a\",\"_type\":\"span\",\"marks\":[],\"text\":\" by creating a free Intelligence key and connecting your first channel.\"}],\"markDefs\":[{\"_key\":\"97a407f96b53\",\"_type\":\"link\",\"href\":\"https://github.com/copilotKit/channels-sdk\"}],\"style\":\"normal\"},{\"_key\":\"c83a05837ab8\",\"_type\":\"block\",\"children\":[{\"_key\":\"7a1c5de2420a\",\"_type\":\"span\",\"marks\":[\"d30b3647636a\"],\"text\":\"Channels SDK Repo\"}],\"level\":1,\"listItem\":\"bullet\",\"markDefs\":[{\"_key\":\"d30b3647636a\",\"_type\":\"link\",\"href\":\"https://github.com/copilotKit/channels-sdk\"}],\"style\":\"normal\"},{\"_key\":\"95247135f3f2\",\"_type\":\"block\",\"children\":[{\"_key\":\"a399db7f8f8d\",\"_type\":\"span\",\"marks\":[\"055c5c1b5b1f\"],\"text\":\"Channels SDK Product Page\"}],\"level\":1,\"listItem\":\"bullet\",\"markDefs\":[{\"_key\":\"055c5c1b5b1f\",\"_type\":\"link\",\"href\":\"https://www.copilotkit.ai/channels\"}],\"style\":\"normal\"},{\"_key\":\"c3be51065f57\",\"_type\":\"block\",\"children\":[{\"_key\":\"69adde19d3b9\",\"_type\":\"span\",\"marks\":[\"184a4e48b057\"],\"text\":\"Try the live channels\"}],\"level\":1,\"listItem\":\"bullet\",\"markDefs\":[{\"_key\":\"184a4e48b057\",\"_type\":\"link\",\"href\":\"https://www.copilotkit.ai/try-channels\"}],\"style\":\"normal\"},{\"_key\":\"cedea431573a\",\"_type\":\"block\",\"children\":[{\"_key\":\"c46e3f9ca666\",\"_type\":\"span\",\"marks\":[\"1b4fbd1151ce\"],\"text\":\"Channels SDK docs\"}],\"level\":1,\"listItem\":\"bullet\",\"markDefs\":[{\"_key\":\"1b4fbd1151ce\",\"_type\":\"link\",\"href\":\"https://docs.copilotkit.ai/channels\"}],\"style\":\"normal\"},{\"_key\":\"9b1fa904ba1f\",\"_type\":\"block\",\"children\":[{\"_key\":\"d2c741d99c71\",\"_type\":\"span\",\"marks\":[\"fca3e941b5b4\"],\"text\":\"Quickstart guide\"}],\"level\":1,\"listItem\":\"bullet\",\"markDefs\":[{\"_key\":\"fca3e941b5b4\",\"_type\":\"link\",\"href\":\"https://docs.copilotkit.ai/slack/connect\"}
28],\"style\":\"normal\"},{\"_key\":\"525e663fe0cc\",\"_type\":\"block\",\"children\":[{\"_key\":\"31c861582558\",\"_type\":\"span\",\"marks\":[],\"text\":\"The work already happens in Slack and Teams. The Channels SDK puts the agent right in the thread, with the tools and context already there.\"}],\"markDefs\":[],\"style\":\"normal\"},{\"_key\":\"1391778278a6\",\"_type\":\"block\",\"children\":[{\"_key\":\"125b420735e9\",\"_type\":\"span\",\"marks\":[\"bb848ea62c3b\"],\"text\":\"Talk to our engineers\"},{\"_key\":\"fcd154c95eaa\",\"_type\":\"span\",\"marks\":[],\"text\":\" and we will help you set up.\"}],\"markDefs\":[{\"_key\":\"bb848ea62c3b\",\"_type\":\"link\",\"href\":\"https://www.copilotkit.ai/contact-us\"}],\"style\":\"normal\"},{\"_key\":\"b9ab084c0afe\",\"_type\":\"block\",\"children\":[{\"_key\":\"dbc4be1eead2\",\"_type\":\"span\",\"marks\":[],\"text\":\"Follow CopilotKit on \"},{\"_key\":\"2e047a6170e1\",\"_type\":\"span\",\"marks\":[\"c1a10009c577\"],\"text\":\"Twitter\"},{\"_key\":\"36649d41a4f0\",\"_type\":\"span\",\"marks\":[],\"text\":\". If you get stuck, reach out in the \"},{\"_key\":\"b6451cd718c1\",\"_type\":\"span\",\"marks\":[\"9efacb87975b\"],\"text\":\"CopilotKit\"},{\"_key\":\"50290ed0ee40\",\"_type\":\"span\",\"marks\":[],\"text\":\" or \"},{\"_key\":\"03ed63947418\",\"_type\":\"span\",\"marks\":[\"64f3a1c01152\"],\"text\":\"AG-UI\"},{\"_key\":\"13e288fd7afe\",\"_type\":\"span\",\"marks\":[],\"text\":\" communities.\"}],\"markDefs\":[{\"_key\":\"c1a10009c577\",\"_type\":\"link\",\"href\":\"https://go.copilotkit.ai/socials-twitter\"},{\"_key\":\"9efacb87975b\",\"_type\":\"link\",\"href\":\"https://go.copilotkit.ai/discord\"},{\"_key\":\"64f3a1c01152\",\"_type\":\"link\",\"href\":\"https://go.copilotkit.ai/AG-UI-Discord\"}],\"style\":\"normal\"}],\"post-summary\":\"We're introducing the Channels SDK, an open source library that brings any AG-UI agent into Slack, Microsoft Teams, and every other chat platform, from one codebase. Write your agent once and it runs natively on each channel, with generative UI, tools, MCP servers, human-in-the-loop approvals, file uploads, and memory that follows the user across channels.\",\"slug\":\"channels-sdk\",\"thumbnail-img\":{\"alt\":null,\"fileId\":\"image-1b206c0d2d53c2942a619360d2fdc71418d54741-1600x1000-png\",\"url\":\"https://cdn.sanity.io/images/y3fjfzcd/production/1b206c0d2d53c2942a619360d2fdc71418d54741-1600x1000.png\"}},\"id\":\"199f864e-5007-44ce-9cd6-bd30ddaa6a77\",\"lastPublished\":\"2026-08-06T20:07:24.094Z\"},\"authors\":{\"678a83d76cff8632421c51b4\":{\"cmsLocaleId\":\"669a24c14f4dcb77f6f97028\",\"createdOn\":\"2025-11-13T19:36:44Z\",\"fieldData\":{\"name\":\"AI88\",\"slug\":\"ai88\"},\"id\":\"678a83d76cff8632421c51b4\",\"isArchived\":false,\"isDraft\":false,\"lastPublished\":\"2025-03-27T10:10:07.087Z\",\"lastUpdated\":\"2025-11-13T19:36:44Z\"},\"67b614374226edf738128a10\":{\"cmsLocaleId\":\"669a24c14f4dcb77f6f97028\",\"createdOn\":\"2025-11-13T19:36:44Z\",\"fieldData\":{\"name\":\"Anmol Baranwal\",\"slug\":\"anmol-baranwal\"},\"id\":\"67b614374226edf738128a10\",\"isArchived\":false,\"isDraft\":false,\"lastPublished\":\"2026-04-22T18:42:20.245Z\",\"lastUpdated\":\"2026-04-22T18:42:20Z\"},\"679a4abf6dc37938485e6e82\":{\"cmsLocaleId\":\"669a24c14f4dcb77f6f97028\",\"createdOn\":\"2025-11-13T19:36:44Z\",\"fieldData\":{\"name\":\"Arindam Majumber\",\"slug\":\"arindam-majumber\"},\"id\":\"679a4abf6dc37938485e6e82\",\"isArchived\":false,\"isDraft\":false,\"lastPublished\":\"2026-05-08T14:11:14.507Z\",\"lastUpdated\":\"2026-05-08T14:11:15Z\"},\"6852ec7c05b2ef0d34d2789e\":{\"cmsLocaleId\":\"669a24c14f4dcb77f6f97028\",\"createdOn\":\"2025-11-13T19:36:44Z\",\"fieldData\":{\"name\":\"Ashpreet Bedi\",\"slug\":\"ashpreet-bedi\"},\"id\":\"6852ec7c05b2ef0d34d2789e\",\"isArchived\":false,\"isDraft\":false,\"lastPublished\":\"2025-06-20T18:46:42.888Z\",\"lastUpdated\":\"2025-11-13T19:36:44Z\"},\"678a83c3d4cd699d84fb65d5\":{\"cmsLocaleId\":\"669a24c14f4dcb77f6f97028\",\"createdOn\":\"2025-11-13T19:36:44Z\",\"fieldData\":{\"name\":\"Atai Barkai\",\"slug\":\"atai-barkai\"},\"id\":\"678a83c3d4cd699d84fb65d5\",\"isArchived\":false,\"isDraft\":false,\"lastPublished\":\"2025-03-27T10:10:07.087Z\",\"lastUpdated\":\"2025-11-13T19:36:44Z\"},\"67dd6a3250074a11613d2dd1\":{\"cmsLocaleId\":\"669a24c14f4dcb77f6f97028\",\"createdOn\":\"2025-11-13T19:36:44Z\",\"fieldData\":{\"name\":\"Bonnie\",\"slug\":\"bonnie\"},\"id\":\"67dd6a3250074a11613d2dd1\",\"isArchived\":false,\"isDraft\":false,\"lastPublished\":\"2025-03-27T10:10:07.087Z\",\"lastUpdated\":\"2025-11-13T19:36:44Z\"},\"33941eb1-21ed-4a4d-bf61-e8f0020e6f14\":{\"cmsLocaleId\":null,\"createdOn\":\"2026-07-20T20:58:26Z\",\"fieldData\":{\"name\":\"David McKay\",\"slug\":\"david-mckay\"},\"id\":\"33941eb1-21ed-4a4d-bf61-e8f0020e6f14\",\"isArchived\":false,\"isDraft\":false,\"lastPublished\":\"2026-07-20T20:58:39.002Z\",\"lastUpdated\":\"2026-07-20T20:58:39Z\"},\"6894bb85291e1352271c8c73\":{\"cmsLocaleId\":\"669a24c14f4dcb77f6f97028\",\"createdOn\":\"2025-11-13T19:36:43Z\",\"fieldData\":{\"name\":\"Eli Berman\",\"slug\":\"eli-berman\"},\"id\":\"6894bb85291e1352271c8c73\",\"isArchived\":false,\"isDraft\":false,\"lastPublished\":\"2025-08-0
287T21:50:32.748Z\",\"lastUpdated\":\"2025-11-13T19:36:43Z\"},\"678a83edd2443ef2f339235e\":{\"cmsLocaleId\":\"669a24c14f4dcb77f6f97028\",\"createdOn\":\"2025-11-13T19:36:44Z\",\"fieldData\":{\"name\":\"Graham McBain\",\"slug\":\"graham-mcbain\"},\"id\":\"678a83edd2443ef2f339235e\",\"isArchived\":false,\"isDraft\":false,\"lastPublished\":\"2025-03-27T10:10:07.087Z\",\"lastUpdated\":\"2025-11-13T19:36:44Z\"},\"681e4a3a0fb7d2e0befe1b48\":{\"cmsLocaleId\":\"669a24c14f4dcb77f6f97028\",\"createdOn\":\"2025-11-13T19:36:44Z\",\"fieldData\":{\"name\":\"Harish Mohan Raj\",\"slug\":\"harish-mohan-raj\"},\"id\":\"681e4a3a0fb7d2e0befe1b48\",\"isArchived\":false,\"isDraft\":false,\"lastPublished\":\"2025-05-09T18:32:26.202Z\",\"lastUpdated\":\"2025-11-13T19:36:44Z\"},\"68a72a08c64275628ef28c62\":{\"cmsLocaleId\":\"669a24c14f4dcb77f6f97028\",\"createdOn\":\"2025-11-13T19:36:43Z\",\"fieldData\":{\"name\":\"Itay Shemer\",\"slug\":\"itay-shemer\"},\"id\":\"68a72a08c64275628ef28c62\",\"isArchived\":false,\"isDraft\":false,\"lastPublished\":\"2025-09-22T14:54:04.772Z\",\"lastUpdated\":\"2025-11-13T19:36:43Z\"},\"c0306108-0f0a-416d-bc18-899752531f38\":{\"cmsLocaleId\":null,\"createdOn\":\"2026-08-18T12:28:23Z\",\"fieldData\":{\"name\":\"Jerel Velarde\",\"slug\":\"Jerel-Velarde\"},\"id\":\"c0306108-0f0a-416d-bc18-899752531f38\",\"isArchived\":false,\"isDraft\":false,\"lastPublished\":\"2026-08-18T12:28:37.523Z\",\"lastUpdated\":\"2026-08-18T12:28:38Z\"},\"9a560be3-cf04-4351-9e77-41d677f621fb\":{\"cmsLocaleId\":null,\"createdOn\":\"2026-05-07T08:38:56Z\",\"fieldData\":{\"name\":\"Jordan Ritter\",\"slug\":\"jordan-ritter\"},\"id\":\"9a560be3-cf04-4351-9e77-41d677f621fb\",\"isArchived\":false,\"isDraft\":false,\"lastPublished\":\"2026-05-07T08:39:06.877Z\",\"lastUpdated\":\"2026-05-07T08:39:07Z\"},\"6851e53552616754d11692ad\":{\"cmsLocaleId\":\"669a24c14f4dcb77f6f97028\",\"createdOn\":\"2025-11-13T19:36:43Z\",\"fieldData\":{\"name\":\"Laurie Voss\",\"slug\":\"laurie-voss\"},\"id\":\"6851e53552616754d11692ad\",\"isArchived\":false,\"isDraft\":false,\"lastPublished\":\"2025-06-20T18:46:42.888Z\",\"lastUpdated\":\"2025-11-13T19:36:43Z\"},\"6852bbe5d5002541f5817dd5\":{\"cmsLocaleId\":\"669a24c14f4dcb77f6f97028\",\"createdOn\":\"2025-11-13T19:36:44Z\",\"fieldData\":{\"name\":\"Markus Ecker\",\"slug\":\"markus-ecker\"},\"id\":\"6852bbe5d5002541f5817dd5\",\"isArchived\":false,\"isDraft\":false,\"lastPublished\":\"2025-06-20T18:46:42.888Z\",\"lastUpdated\":\"2025-11-13T19:36:44Z\"},\"625c99d7-c599-4f8e-a853-6b281a1fd579\":{\"cmsLocaleId\":null,\"createdOn\":\"2026-07-23T10:22:44Z\",\"fieldData\":{\"name\":\"Murat Sari\",\"slug\":\"murat-sari\"},\"id\":\"625c99d7-c599-4f8e-a853-6b281a1fd579\",\"isArchived\":false,\"isDraft\":false,\"lastPublished\":\"2026-07-23T10:22:49.745Z\",\"lastUpdated\":\"2026-07-23T10:22:50Z\"},\"5dd6cbad-fc2b-45b4-a1f7-36c17e42f1a3\":{\"cmsLocaleId\":null,\"createdOn\":\"2026-04-28T17:09:35Z\",\"fieldData\":{\"name\":\"Nathan Tarbert\",\"slug\":\"nathan-tarbert\"},\"id\":\"5dd6cbad-fc2b-45b4-a1f7-36c17e42f1a3\",\"isArchived\":false,\"isDraft\":false,\"lastPublished\":\"2026-05-08T14:11:27.872Z\",\"lastUpdated\":\"2026-05-08T14:11:28Z\"},\"1b6eb997-e3b5-40a0-922f-b7d2791c0fed\":{\"cmsLocaleId\":null,\"createdOn\":\"2026-07-23T10:22:18Z\",\"fieldData\":{\"name\":\"Rainer Hahnekamp\",\"slug\":\"rainer-hahnekamp\"},\"id\":\"1b6eb997-e3b5-40a0-922f-b7d2791c0fed\",\"isArchived\":false,\"isDraft\":false,\"lastPublished\":\"2026-07-23T10:22:23.623Z\",\"lastUpdated\":\"2026-07-23T10:22:24Z\"},\"685410ca8509c9be370c1b29\":{\"cmsLocaleId\":\"669a24c14f4dcb77f6f97028\",\"createdOn\":\"2025-11-13T19:36:43Z\",\"fieldData\":{\"name\":\"Ran Shem Tov\",\"slug\":\"ran-shem-tov\"},\"id\":\"685410ca8509c9be370c1b29\",\"isArchived\":false,\"isDraft\":false,\"lastPublished\":\"2025-06-20T18:46:42.888Z\",\"lastUpdated\":\"2025-11-13T19:36:43Z\"},\"678a83e231c189040cf23983\":{\"cmsLocaleId\":\"669a24c14f4dcb77f6f97028\",\"createdOn\":\"2025-11-13T19:36:44Z\",\"fieldData\":{\"name\":\"Richard Aragon\",\"slug\":\"richard-aragon\"},\"id\":\"678a83e231c189040cf23983\",\"isArchived\":false,\"isDraft\":false,\"lastPublished\":\"2025-03-27T10:10:07.087Z\",\"lastUpdated\":\"2025-11-13T19:36:44Z\"},\"0b7391d8-45f5-4cf8-85ed-336ff6fbac4d\":{\"cmsLocaleId\":null,\"createdOn\":\"2026-09-26T20:09:24Z\",\"fieldData\":{\"name\":\"Sam Julien\",\"slug\":\"sam-julien\"},\"id\":\"0b7391d8-45f5-4cf8-85ed-336ff6fbac4d\",\"isArchived\":false,\"isDraft\":false,\"lastPublished\":\"2026-09-26T21:15:54.342Z\",\"lastUpdated\":\"2026-09-26T21:15:55Z\"},\"681e43ecbe920bf9adbca14f\":{\"cmsLocaleId\":\"669a24c14f4dcb77f6f97028\",\"createdOn\":\"2025-11-13T19:36:44Z\",\"fieldData\":{\"name\":\"Shane Thomas\",\"slug\":\"shane-thomas\"},\"id\":\"681e43ecbe920bf9adbca14f\",\"isArchived\":false,\"isDraft\":false,\"lastPublished\":\"2025-05-09T18:05:32.564Z\",\"lastUpdated\":\"2025-11-13T19:36:44Z\"}
28,\"8de7446f-a3a9-4152-aa8f-abd2ca965af6\":{\"cmsLocaleId\":null,\"createdOn\":\"2026-09-02T13:20:12Z\",\"fieldData\":{\"name\":\"Sofía Sánchez-Zárate\",\"slug\":\"sofia-sanchez-zarate\"},\"id\":\"8de7446f-a3a9-4152-aa8f-abd2ca965af6\",\"isArchived\":false,\"isDraft\":false,\"lastPublished\":\"2026-09-02T13:20:25.230Z\",\"lastUpdated\":\"2026-09-02T13:20:25Z\"},\"688055ed9759cd828806b02d\":{\"cmsLocaleId\":\"669a24c14f4dcb77f6f97028\",\"createdOn\":\"2025-11-13T19:36:44Z\",\"fieldData\":{\"name\":\"Steven Hartland\",\"slug\":\"steven-hartland\"},\"id\":\"688055ed9759cd828806b02d\",\"isArchived\":false,\"isDraft\":false,\"lastPublished\":\"2025-07-30T20:10:16.993Z\",\"lastUpdated\":\"2025-11-13T19:36:44Z\"},\"88349095-f999-40e6-abf7-8afbae19caff\":{\"cmsLocaleId\":null,\"createdOn\":\"2026-04-22T18:42:50Z\",\"fieldData\":{\"name\":\"Tyler Slaton\",\"slug\":\"tyler-slaton\"},\"id\":\"88349095-f999-40e6-abf7-8afbae19caff\",\"isArchived\":false,\"isDraft\":false,\"lastPublished\":\"2026-04-22T18:43:01.682Z\",\"lastUpdated\":\"2026-04-22T18:43:02Z\"},\"681e4645933da14145ec1a91\":{\"cmsLocaleId\":\"669a24c14f4dcb77f6f97028\",\"createdOn\":\"2025-11-13T19:36:44Z\",\"fieldData\":{\"name\":\"Uli Barkai\",\"slug\":\"uli-barkai\"},\"id\":\"681e4645933da14145ec1a91\",\"isArchived\":false,\"isDraft\":false,\"lastPublished\":\"2025-05-09T18:15:33.876Z\",\"lastUpdated\":\"2025-11-13T19:36:44Z\"}}}],[\"$\",\"$L16\",null,{}],[\"$\",\"div\",null,{\"className\":\"w-full px-5 pt-7 xl:px-20 xl:pt-10\",\"children\":[\"$\",\"div\",null,{\"className\":\"mx-auto w-full max-w-[1368px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"grid-cols-[repeat(auto-fit,minmax(320px, 360px))] sm:grid-cols-[repeat(auto-fit,360px)] justify-center w-full flex-col gap-5 grid lg:grid-cols-[repeat(auto-fit,420px)] xl:gap-7\",\"children\":[[\"$\",\"$L17\",\"54030774-2e1c-4eac-a541-1bf6964a1166\",{\"href\":\"/blog/introducing-opendots\",\"className\":\"flex h-full w-full flex-col overflow-hidden rounded-lg border border-white lg:rounded-xl\",\"children\":[[\"$\",\"div\",null,{\"className\":\"relative aspect-[16/10] w-full shrink-0 overflow-hidden\",\"children\":[\"$\",\"$L18\",null,{\"src\":\"https://cdn.sanity.io/images/y3fjfzcd/production/97f72077a843b846f4a5571f2aa707f93a4cd1eb-3200x2000.png\",\"alt\":\"Introducing OpenDots: the Open-Source Alternative to OpenAI Dots\",\"fill\":true,\"sizes\":\"(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw\",\"className\":\"object-cover\"}]}],[\"$\",\"div\",null,{\"className\":\"flex h-full flex-col gap-3 bg-white/50 p-6 pb-5 lg:pb-[30px]\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-col items-start text-gray-800\",\"children\":[[\"$\",\"span\",null,{\"children\":[\"Anmol Baranwal\",\" \",\"and Eli Berman\"]}],[\"$\",\"span\",null,{\"children\":\"October 1, 2026\"}]]}],[\"$\",\"span\",null,{\"className\":\"text-lg leading-[20px] font-medium text-gray-1000 lg:text-xl lg:leading-[24px]\",\"children\":\"Introducing OpenDots: the Open-Source Alternative to OpenAI Dots\"}],[\"$\",\"span\",null,{\"className\":\"line-clamp-3 min-h-[66px] text-sm leading-[22px] font-medium text-gray-800\",\"children\":\"Today we're releasing OpenDots, the open-source alternative to OpenAI Dots. Every Dot is an always-on AI coworker with its own computer. Work with your Dots in Spaces and Pages, call them, or mention them in Slack. Host it yourself, bring any agent through AG-UI and use any OpenAI-compatible model. It's available on web and mobile.\"}]]}]]}],[\"$\",\"$L17\",\"be90e836-2f54-46a1-bb44-bde4e5b0bba8\",{\"href\":\"/blog/ag-ui-1.0\",\"className\":\"flex h-full w-full flex-col overflow-hidden rounded-lg border border-white lg:rounded-xl\",\"children\":[[\"$\",\"div\",null,{\"className\":\"relative aspect-[16/10] w-full shrink-0 overflow-hidden\",\"children\":[\"$\",\"$L18\",null,{\"src\":\"https://cdn.sanity.io/images/y3fjfzcd/production/6b855ae5a6aeda4c39d24597236d935d947fade6-3200x2000.png\",\"alt\":\"Introducing AG-UI 1.0: a stable spec for connecting any agent to any application\",\"fill\":true,\"sizes\":\"(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw\",\"className\":\"object-cover\"}]}],[\"$\",\"div\",null,{\"className\":\"flex h-full flex-col gap-3 bg-white/50 p-6 pb-5 lg:pb-[30px]\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-col items-start text-gray-800\",\"children\":[[\"$\",\"span\",null,{\"children\":[\"Anmol Baranwal\",\" \",\"and Eli Berman\"]}],[\"$\",\"span\",null,{\"children\":\"September 30, 2026\"}]]}],[\"$\",\"span\",null,{\"className\":\"text-lg leading-[20px] font-medium text-gray-1000 lg:text-xl lg:leading-[24px]\",\"children\":\"Introducing AG-UI 1.0: a stable spec for connecting any agent to any application\"}],[\"$\",\"span\",null,{\"className\":\"line-clamp-3 min-h-[66px] text-sm leading-[22px] font-medium text-gray-800\",\"children\":\"We're releasing AG-UI 1.0, the open protocol that c
28onnects AI agents to user-facing applications, with a full specification and a JSON Schema that the TypeScript, Python and .NET SDKs are now generated from. It also adds subagents, metadata, multimodal tool results, human-in-the-loop interrupts, token usage and more, all fully backwards compatible.\"}]]}]]}],[\"$\",\"$L17\",\"0f22c68e-3c98-4a93-8522-56d200028206\",{\"href\":\"/blog/developers-guide-to-the-ag-ui-protocol\",\"className\":\"flex h-full w-full flex-col overflow-hidden rounded-lg border border-white lg:rounded-xl\",\"children\":[[\"$\",\"div\",null,{\"className\":\"relative aspect-[16/10] w-full shrink-0 overflow-hidden\",\"children\":[\"$\",\"$L18\",null,{\"src\":\"https://cdn.sanity.io/images/y3fjfzcd/production/511b24bb7a9b73af735d7b29c1bac8c6aceb4237-3200x2000.png\",\"alt\":\"The Developer's Guide to the AG-UI Protocol\",\"fill\":true,\"sizes\":\"(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw\",\"className\":\"object-cover\"}]}],[\"$\",\"div\",null,{\"className\":\"flex h-full flex-col gap-3 bg-white/50 p-6 pb-5 lg:pb-[30px]\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-col items-start text-gray-800\",\"children\":[[\"$\",\"span\",null,{\"children\":[\"Anmol Baranwal\",\" \",false]}],[\"$\",\"span\",null,{\"children\":\"September 29, 2026\"}]]}],[\"$\",\"span\",null,{\"className\":\"text-lg leading-[20px] font-medium text-gray-1000 lg:text-xl lg:leading-[24px]\",\"children\":\"The Developer's Guide to the AG-UI Protocol\"}],[\"$\",\"span\",null,{\"className\":\"line-clamp-3 min-h-[66px] text-sm leading-[22px] font-medium text-gray-800\",\"children\":\"AG-UI 1.0 is here, the open protocol for connecting any agent to any app. This developer's guide covers everything you need to know: the problem with the existing agent ecosystem, how AG-UI adds the user-facing layer that was missing, its core components, supported frameworks and SDKs, how events are encoded and decoded, all 31 events across 8 categories with examples and flows, and a real-world flight booking example. It also covers what's new in AG-UI 1.0, like subagents, interrupts, metadata, multimodal tool results and token usage, plus capabilities and transports.\"}]]}]]}],[\"$\",\"$L17\",\"5617c8a2-8626-4917-a65f-1a9f155bad87\",{\"href\":\"/blog/ag-ui-for-product-managers\",\"className\":\"flex h-full w-full flex-col overflow-hidden rounded-lg border border-white lg:rounded-xl\",\"children\":[[\"$\",\"div\",null,{\"className\":\"relative aspect-[16/10] w-full shrink-0 overflow-hidden\",\"children\":[\"$\",\"$L18\",null,{\"src\":\"https://cdn.sanity.io/images/y3fjfzcd/production/4a440c48136ff4debda2979ffcfbe5992c557328-1200x750.png\",\"alt\":\"AG-UI for Product Managers: Building Agents People Can Work With\",\"fill\":true,\"sizes\":\"(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw\",\"className\":\"object-cover\"}]}],[\"$\",\"div\",null,{\"className\":\"flex h-full flex-col gap-3 bg-white/50 p-6 pb-5 lg:pb-[30px]\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-col items-start text-gray-800\",\"children\":[[\"$\",\"span\",null,{\"children\":[\"Sam Julien\",\" \",false]}],[\"$\",\"span\",null,{\"children\":\"September 26, 2026\"}]]}],[\"$\",\"span\",null,{\"className\":\"text-lg leading-[20px] font-medium text-gray-1000 lg:text-xl lg:leading-[24px]\",\"children\":\"AG-UI for Product Managers: Building Agents People Can Work With\"}],[\"$\",\"span\",null,{\"className\":\"line-clamp-3 min-h-[66px] text-sm leading-[22px] font-medium text-gray-800\",\"children\":\"A practical guide to AG-UI for product managers: shared context, user control, agent interactions, and learning from real product outcomes.\"}]]}]]}],[\"$\",\"$L17\",\"419767e8-cef1-487e-950c-bce2f10b9598\",{\"href\":\"/blog/agui-dotnet-sdk\",\"className\":\"flex h-full w-full flex-col overflow-hidden rounded-lg border border-white lg:rounded-xl\",\"children\":[[\"$\",\"div\",null,{\"className\":\"relative aspect-[16/10] w-full shrink-0 overflow-hidden\",\"children\":[\"$\",\"$L18\",null,{\"src\":\"https://cdn.sanity.io/images/y3fjfzcd/production/1f44a24727971eba8a05d98a29d5cc1f71848787-1600x1000.png\",\"alt\":\"AG-UI Protocol now has a first-class .NET SDK\",\"fill\":true,\"sizes\":\"(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw\",\"className\":\"object-cover\"}]}],[\"$\",\"div\",null,{\"className\":\"flex h-full flex-col gap-3 bg-white/50 p-6 pb-5 lg:pb-[30px]\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-col items-start text-gray-800\",\"children\":[[\"$\",\"span\",null,{\"children\":[\"Anmol Baranwal\",\" \",\"and Eli Berman\"]}],[\"$\",\"span\",null,{\"children\":\"September 25, 2026\"}]]}],[\"$\",\"span\",null,{\"className\":\"text-lg leading-[20px] font-medium text-gray-1000 lg:text-xl lg:leading-[24px]\",\"children\":\"AG-UI Protocol now has a first-class .NET SDK\"}],[\"$\",\"span\",null,{\"className\":\"line-clamp-3 min-h-[66px] text-sm leading-[22px] font-medium text-gray-800\",\"children\":\"Microsoft just contributed a first-class .NET SDK to AG-UI, so any .NET backend can speak the protocol directly. C# support used to live only inside Microsoft Agent Framework, which now depends on these packages. The .NET SDK has reached 1.0 on NuGet alongside AG-UI 1.0, and your endpoint works with any AG-UI client, from a React app to Slack or Teams.\"}]]}]]}],[\"$\",\"$L17\",\"c45648b8-1011-4317-85c1-2c949bb23330\",{\"href\":\"/blog/inspector-upgrades\",\"className\":\"flex h-full w-full flex-col overflow-hidden rounded-lg border border-white lg:rounded-xl\",\"children\":[[\"$\",\"div\",null,{\"className\":\"relative aspect-[16/10] w-full shrink-0 overflow-hidden\",\"children\":[\"$\",\"$L18\",null,{\"src\":\"https://cdn.sanity.io/images/y3fjfzcd/production/b6a6d434955b9ae00821da859dff787d95da4285-3200x2000.png\",\"alt\":\"New and improved Inspector: DevTools for AI Agents, now with Automatic Learning\",\"fill\":true,\"sizes\":\"(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw\",\"className\":\"object-cover\"}]}],[\"$\",\"div\",null,{\"className\":\"flex h-full flex-col gap-3 bg-white/50 p-6 pb-5 lg:pb-[30px]\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-col items-start text-gray-800\",\"children\":[[\"$\",\"span\",null,{\"children\":[\"Anmol Baranwal\",\" \",\"and Eli Berman\"]}],[\"$\",\"span\",null,{\"children\":\"September 10, 2026\"}]]}],[\"$\",\"span\",null,{\"className\":\"text-lg leading-[20px] font-medium text-gray-1000 lg:text-xl lg:leading-[24px]\",\"children\":\"New and improved Inspector: DevTools for AI Agents, now with Automatic Learning\"}],[\"$\",\"span\",null,{\"className\":\"line-clamp-3 min-h-[66px] text-sm leading-[22px] font-medium text-gray-800\",\"children\":\"We've rebuilt the Inspector, DevTools for AI agents that runs inside your app. See every AG-UI event as it happens, jump straight to whatever broke, fork any saved conversation into an isolated Playground, and let your agent learn from real conversations with CopilotKit Intelligence connected. On by default in every development build, across React, Vue, and Angular.\"}]]}]]}],[\"$\",\"$L17\",\"c02fc8f0-bc51-43d3-b2d0-77a112cf7ac3\",{\"href\":\"/blog/connect-a-single-agent-to-three-surfaces\",\"className\":\"flex h-full w-full flex-col overflow-hidden rounded-lg border border-white lg:rounded-xl\",\"children\":[[\"$\",\"div\",null,{\"className\":\"relative aspect-[16/10] w-full shrink-0 overflow-hidden\",\"children\":[\"$\",\"$L18\",null,{\"src\":\"https://cdn.sanity.io/images/y3fjfzcd/production/db1dcea1b26a9954ae6dde685c7fa4a28ccf6d0c-1672x941.png\",\"alt\":\"Connect a single Agent to 3 surfaces: React, Slack, Teams\",\"fill\":true,\"sizes\":\"(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw\",\"className\":\"object-cover\"}]}],[\"$\",\"div\",null,{\"className\":\"flex h-full flex-col gap-3 bg-white/50 p-6 pb-5 lg:pb-[30px]\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-col items-start text-gray-800\",\"children\":[[\"$\",\"span\",null,{\"children\":[\"Nathan Tarbert\",\" \",false]}],[\"$\",\"span\",null,{\"children\":\"September 10, 2026\"}]]}],[\"$\",\"span\",null,{\"className\":\"text-lg leading-[20px] font-medium text-gray-1000 lg:text-xl lg:leading-[24px]\",\"children\":\"Connect a single Agent to 3 surfaces: React, Slack, Teams\"}],[\"$\",\"span\",null,{\"className\":\"line-clamp-3 min-h-[66px] text-sm leading-[22px] font-medium text-gray-800\",\"children\":\"One agent, three front doors. See how AG-UI ships the same agent to Slack, Teams, and React — with generative UI, human in the loop, and shared state.\"}]]}]]}],[\"$\",\"$L17\",\"493e1a1c-84b8-41e4-a418-80782b37ff88\",{\"href\":\"/blog/introducing-webmcp-for-copilotkit\",\"className\":\"flex h-full w-full flex-col overflow-hidden rounded-lg border border-white lg:rounded-xl\",\"children\":[[\"$\",\"div\",null,{\"className\":\"relative aspect-[16/10] w-full shrink-0 overflow-hidden\",\"children\":[\"$\",\"$L18\",null,{\"src\":\"https://cdn.sanity.io/images/y3fjfzcd/production/d9d87ab82a42dffd258b0bbd94b24912e025403c-1600x1000.png\",\"alt\":\"Introducing WebMCP for CopilotKit\",\"fill\":true,\"sizes\":\"(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw\",\"className\":\"object-cover\"}]}],[\"$\",\"div\",null,{\"className\":\"flex h-full flex-col gap-3 bg-white/50 p-6 pb-5 lg:pb-[30px]\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-col items-start text-gray-800\",\"children\":[[\"$\",\"span\",null,{\"children\":[\"Eli Berman\",\" \",false]}],[\"$\",\"span\",null,{\"children\":\"September 3, 2026\"}]]}],[\"$\",\"span\",null,{\"className\":\"text-lg leading-[20px] font-medium text-gray-1000 lg:text-xl lg:leading-[24px]\",\"children\":\"Introducing WebMCP for CopilotKit\"}],[\"$\",\"span\",null,{\"className\":\"line-clamp-3 min-h-[66px] text-sm leading-[22px] font-medium text-gray-800\",\"children\":\"Your frontend tools shouldn't be locked to one copilot. WebMCP support is now live in CopilotKit: every tool you register with useFrontendTool is discoverable and callable by any WebMCP-compatible browser agent — ChatGPT Atlas, Comet, Dia, and whatever comes next. Opt-in per tool, auto-register on mount, works across React, Vue, Angular and more. Open source and requires just one line of config.\"}]]}]]}],[\"$\",\"$L17\",\"1cf910f1-0f02-45dc-8adc-3c0713be8869\",{\"href\":\"/blog/slack-agents-night\",\"className\":\"flex h-full w-full flex-col overflow-hidden rounded-lg border border-white lg:rounded-xl\",\"children\":[[\"$\",\"div\",null,{\"className\":\"relative aspect-[16/10] w-full shrink-0 overflow-hidden\",\"children\":[\"$\",\"$L18\",null,{\"src\":\"https://cdn.sanity.io/images/y3fjfzcd/production/9e7e52f0bfab284a060431b8037033d54a66a65a-1600x1000.png\",\"alt\":\"Slack Agents Night: OpenTag running on the Channels SDK\",\"fill\":true,\"sizes\":\"(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw\",\"className\":\"object-cover\"}]}],[\"$\",\"div\",null,{\"className\":\"flex h-full flex-col gap-3 bg-white/50 p-6 pb-5 lg:pb-[30px]\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-col items-start text-gray-800\",\"children\":[[\"$\",\"span\",null,{\"children\":[\"Anmol Baranwal\",\" \",\"and Sofía Sánchez-Zárate\"]}],[\"$\",\"span\",null,{\"children\":\"September 2, 2026\"}]]}],[\"$\",\"span\",null,{\"className\":\"text-lg leading-[20px] font-medium text-gray-1000 lg:text-xl lg:leading-[24px]\",\"children\":\"Slack Agents Night: OpenTag running on the Channels SDK\"}],[\"$\",\"span\",null,{\"className\":\"line-clamp-3 min-h-[66px] text-sm leading-[22px] font-medium text-gray-800\",\"children\":\"We hosted Slack Agents Night with WorkOS in San Francisco, where Sofía from our team demoed Kite and OpenTag running on the Channels SDK. Kite drafted a real PR from a Slack thread, rendered native Block Kit components, and ran alongside Antigravity in the same conversation. Here's the full recording plus a breakdown of how the Channels SDK puts any AG-UI agent into Slack and Teams.\"}]]}]]}],[\"$\",\"$L17\",\"876b7794-1311-4075-84c5-42e7280fcc53\",{\"href\":\"/blog/openbot-updates-v0.0.5\",\"className\":\"flex h-full w-full flex-col overflow-hidden rounded-lg border border-white lg:rounded-xl\",\"children\":[[\"$\",\"div\",null,{\"className\":\"relative aspect-[16/10] w-full shrink-0 overflow-hidden\",\"children\":[\"$\",\"$L18\",null,{\"src\":\"https://cdn.sanity.io/images/y3fjfzcd/production/f34fe536c7150931dfad3c0873ce319085b5d99b-1200x900.png\",\"alt\":\"OpenBot passes 3,500 GitHub stars! Here's what's new in v0.0.5\",\"fill\":true,\"sizes\":\"(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw\",\"className\":\"object-cover\"}]}],[\"$\",\"div\",null,{\"className\":\"flex h-full flex-col gap-3 bg-white/50 p-6 pb-5 lg:pb-[30px]\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-col items-start text-gray-800\",\"children\":[[\"$\",\"span\",null,{\"children\":[\"Eli Berman\",\" \",false]}],[\"$\",\"span\",null,{\"children\":\"September 1, 2026\"}]]}],[\"$\",\"span\",null,{\"className\":\"text-lg leading-[20px] font-medium text-gray-1000 lg:text-xl lg:leading-[24px]\",\"children\":\"OpenBot passes 3,500 GitHub stars! Here's what's new in v0.0.5\"}],[\"$\",\"span\",null,{\"className\":\"line-clamp-3 min-h-[66px] text-sm leading-[22px] font-medium text-gray-800\",\"children\":\"OpenBot just crossed 3,500 GitHub stars, and v0.0.5 has tons of new features. Bots can now answer from Google Drive and Notion, hand off to each other, run on a schedule, and route untagged messages on their own. You can take the wheel of a Bot's browser mid-task, ship skills for smarter tool use, sign in with enterprise SSO, deploy via Helm on AWS, dry-run boundary rules, and lean on a wide security hardening pass. Open source and self-hostable! Check it on GitHub.\"}]]}]]}],[\"$\",\"$L17\",\"34236357-ec4a-4542-bb65-7e56d3b51141\",{\"href\":\"/blog/mastra-agui-compatible\",\"className\":\"flex h-full w-full flex-col overflow-hidden rounded-lg border border-white lg:rounded-xl\",\"children\":[[\"$\",\"div\",null,{\"className\":\"relative aspect-[16/10] w-full shrink-0 overflow-hidden\",\"children\":[\"$\",\"$L18\",null,{\"src\":\"https://cdn.sanity.io/images/y3fjfzcd/production/a2e5c7e8ff800952837353351f271b08e71caaaa-1600x900.png\",\"alt\":\"Mastra is now fully AG-UI compatible\",\"fill\":true,\"sizes\":\"(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw\",\"className\":\"object-cover\"}]}],[\"$\",\"div\",null,{\"className\":\"flex h-full flex-col gap-3 bg-white/50 p-6 pb-5 lg:pb-[30px]\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-col items-start text-gray-800\",\"children\":[[\"$\",\"span\",null,{\"children\":[\"Anmol Baranwal\",\" \",\"and Nathan Tarbert\"]}],[\"$\",\"span\",null,{\"children\":\"August 24, 2026\"}]]}],[\"$\",\"span\",null,{\"className\":\"text-lg leading-[20px] font-medium text-gray-1000 lg:text-xl lg:leading-[24px]\",\"children\":\"Mastra is now fully AG-UI compatible\"}],[\"$\",\"span\",null,{\"className\":\"line-clamp-3 min-h-[66px] text-sm leading-[22px] font-medium text-gray-800\",\"children\":\"Mastra is now fully AG-UI compatible, so the entire CopilotKit feature set runs on any Mastra agent, local or remote - including generative UI, shared state that streams live, interrupts, background tasks as live activity cards, frontend tools, subagents, multimodal, voice, reasoning and more. A2UI surfaces heal themselves, and generation runs in a dedicated sub-agent. Works across React, React Native, Next.js, and Angular on the web, plus Slack, Teams, and other messaging platforms via the Channels SDK. Everything is open source.\"}]]}]]}],[\"$\",\"$L17\",\"ce7993d4-a71c-4879-b8b8-7631488344da\",{\"href\":\"/blog/react-native-your-agent-inside-your-mobile-app\",\"className\":\"flex h-full w-full flex-col overflow-hidden rounded-lg border border-white lg:rounded-xl\",\"children\":[[\"$\",\"div\",null,{\"className\":\"relative aspect-[16/10] w-full shrink-0 overflow-hidden\",\"children\":[\"$\",\"$L18\",null,{\"src\":\"https://cdn.sanity.io/images/y3fjfzcd/production/1f737f11c4a267415e4d867421c2949508bcac0f-1600x1000.png\",\"alt\":\"React Native: Your Agent, inside Your Mobile App\",\"fill\":true,\"sizes\":\"(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw\",\"className\":\"object-cover\"}]}],[\"$\",\"div\
28",null,{\"className\":\"flex h-full flex-col gap-3 bg-white/50 p-6 pb-5 lg:pb-[30px]\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-col items-start text-gray-800\",\"children\":[[\"$\",\"span\",null,{\"children\":[\"Nathan Tarbert\",\" \",\"and Anmol Baranwal\"]}],[\"$\",\"span\",null,{\"children\":\"August 19, 2026\"}]]}],[\"$\",\"span\",null,{\"className\":\"text-lg leading-[20px] font-medium text-gray-1000 lg:text-xl lg:leading-[24px]\",\"children\":\"React Native: Your Agent, inside Your Mobile App\"}],[\"$\",\"span\",null,{\"className\":\"line-clamp-3 min-h-[66px] text-sm leading-[22px] font-medium text-gray-800\",\"children\":\"You can now bring any AG-UI agent into an iOS or Android app. The React Native SDK renders into native components instead of a webview, with the same agent, runtime, and tool protocol you already use on the web. Frontend tools run on the device next to your state and platform APIs, generative UI renders inline in the chat, and approval flows, interrupts, and threads carry over unchanged.\"}]]}]]}],[\"$\",\"$L17\",\"ee6e69a0-aeab-4ebf-86c9-0407288f0352\",{\"href\":\"/blog/crewai-is-fully-agui-compatible\",\"className\":\"flex h-full w-full flex-col overflow-hidden rounded-lg border border-white lg:rounded-xl\",\"children\":[[\"$\",\"div\",null,{\"className\":\"relative aspect-[16/10] w-full shrink-0 overflow-hidden\",\"children\":[\"$\",\"$L18\",null,{\"src\":\"https://cdn.sanity.io/images/y3fjfzcd/production/46c9b78e4c9cbbff60506a8c9c00e5675476a26b-3840x2160.png\",\"alt\":\"CrewAI is now fully AG-UI compatible\",\"fill\":true,\"sizes\":\"(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw\",\"className\":\"object-cover\"}]}],[\"$\",\"div\",null,{\"className\":\"flex h-full flex-col gap-3 bg-white/50 p-6 pb-5 lg:pb-[30px]\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-col items-start text-gray-800\",\"children\":[[\"$\",\"span\",null,{\"children\":[\"Jerel Velarde\",\" \",\"and Eli Berman\"]}],[\"$\",\"span\",null,{\"children\":\"August 18, 2026\"}]]}],[\"$\",\"span\",null,{\"className\":\"text-lg leading-[20px] font-medium text-gray-1000 lg:text-xl lg:leading-[24px]\",\"children\":\"CrewAI is now fully AG-UI compatible\"}],[\"$\",\"span\",null,{\"className\":\"line-clamp-3 min-h-[66px] text-sm leading-[22px] font-medium text-gray-800\",\"children\":\"Here are the newest updates and resources to start building state-of-the-art frontends for any CrewAI agent. ag-ui-crewai 0.3.0 brings CrewAI to full AG-UI support: streamed reasoning, multimodal input, human-in-the-loop interrupts, thread persistence and checkpointing, multi-agent attribution, generative UI over A2UI, and full feature parity for CrewAI's Conversational Flows.\"}]]}]]}],[\"$\",\"$L17\",\"d01ad0f1-809b-4130-b675-659d881d6b8a\",{\"href\":\"/blog/aimock-deterministic-ai-testing\",\"className\":\"flex h-full w-full flex-col overflow-hidden rounded-lg border border-white lg:rounded-xl\",\"children\":[[\"$\",\"div\",null,{\"className\":\"relative aspect-[16/10] w-full shrink-0 overflow-hidden\",\"children\":[\"$\",\"$L18\",null,{\"src\":\"https://cdn.sanity.io/images/y3fjfzcd/production/b025520d6e3db702ba9fc92c7c0bfba5c9f08f34-1586x992.png\",\"alt\":\"aimock: Deterministic Mock Infra for AI Apps\",\"fill\":true,\"sizes\":\"(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw\",\"className\":\"object-cover\"}]}],[\"$\",\"div\",null,{\"className\":\"flex h-full flex-col gap-3 bg-white/50 p-6 pb-5 lg:pb-[30px]\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-col items-start text-gray-800\",\"children\":[[\"$\",\"span\",null,{\"children\":[\"Eli Berman\",\" \",false]}],[\"$\",\"span\",null,{\"children\":\"August 14, 2026\"}]]}],[\"$\",\"span\",null,{\"className\":\"text-lg leading-[20px] font-medium text-gray-1000 lg:text-xl lg:leading-[24px]\",\"children\":\"aimock: Deterministic Mock Infra for AI Apps\"}],[\"$\",\"span\",null,{\"className\":\"line-clamp-3 min-h-[66px] text-sm leading-[22px] font-medium text-gray-800\",\"children\":\"aimock is open-source mock infrastructure for every AI service your app talks to — LLMs, MCP tools, vector DBs, image models, TTS, and more. Write a JSON fixture, run npx aimock, point your API URL at localhost. Tests run offline in milliseconds and are completely deterministic, so zero tokens burned. Now at 1M+ weekly installs and 700+ stars, quietly powering CI at OpenClaw, TanStack, Mastra and the AG-UI protocol. From the team at CopilotKit.\"}]]}]]}],[\"$\",\"$L17\",\"6b11f0e8-23d2-4321-b80c-0b1fce0ef243\",{\"href\":\"/blog/channels-sdk-live-webinar\",\"className\":\"flex h-full w-full flex-col overflow-hidden rounded-lg border border-white lg:rounded-xl\",\"children\":[[\"$\",\"div\",null,{\"className\":\"relative aspect-[16/10] w-full shrink-0 overflow-hidden\",\"children\":[\"$\",\"$L18\",null,{\"src\":\"https://cdn.sanity.io/images/y3fjfzcd/production/34a9a395a26c02302e9a1c5a5ef54ed28d4eae92-1586x992.png\",\"alt\":\"Building a Production-Ready Slack Agent with Channels SDK\",\"fill\":true,\"sizes\":\"(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw\",\"className\":\"object-cover\"}]}],[\"$\",\"div\",null,{\"className\":\"flex h-full flex-col gap-3 bg-white/50 p-6 pb-5 lg:pb-[30px]\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-col items-start text-gray-800\",\"children\":[[\"$\",\"span\",null,{\"children\":[\"Nathan Tarbert\",\" \",\"and Anmol Baranwal\"]}],[\"$\",\"span\",null,{\"children\":\"August 13, 2026\"}]]}],[\"$\",\"span\",null,{\"className\":\"text-lg leading-[20px] font-medium text-gray-1000 lg:text-xl lg:leading-[24px]\",\"children\":\"Building a Production-Ready Slack Agent with Channels SDK\"}],[\"$\",\"span\",null,{\"className\":\"line-clamp-3 min-h-[66px] text-sm leading-[22px] font-medium text-gray-800\",\"children\":\"Watch Mike Ryan (CopilotKit Engineer) build a production-ready Slack agent, using Mastra, end to end with the Channels SDK. It's the open-source library that brings any AG-UI agent into Slack, Teams, Discord, WhatsApp, and more chat platforms. Learn how an agent goes from a message in a channel to a real response, with tools, rich native messages, and durable memory across a thread.\"}]]}]]}],[\"$\",\"$L17\",\"23b5437e-1411-4f7e-9ebc-c60cbfcebf2e\",{\"href\":\"/blog/claude-managed-agents-agui-compatible\",\"className\":\"flex h-full w-full flex-col overflow-hidden rounded-lg border border-white lg:rounded-xl\",\"children\":[[\"$\",\"div\",null,{\"className\":\"relative aspect-[16/10] w-full shrink-0 overflow-hidden\",\"children\":[\"$\",\"$L18\",null,{\"src\":\"https://cdn.sanity.io/images/y3fjfzcd/production/e58add7d940b1e016b77f85cd9026b70ed0509a3-1600x900.png\",\"alt\":\"Claude Managed Agents are now AG-UI compatible\",\"fill\":true,\"sizes\":\"(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw\",\"className\":\"object-cover\"}]}],[\"$\",\"div\",null,{\"className\":\"flex h-full flex-col gap-3 bg-white/50 p-6 pb-5 lg:pb-[30px]\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-col items-start text-gray-800\",\"children\":[[\"$\",\"span\",null,{\"children\":[\"Eli Berman\",\" \",false]}],[\"$\",\"span\",null,{\"children\":\"August 12, 2026\"}]]}],[\"$\",\"span\",null,{\"className\":\"text-lg leading-[20px] font-medium text-gray-1000 lg:text-xl lg:leading-[24px]\",\"children\":\"Claude Managed Agents are now AG-UI compatible\"}],[\"$\",\"span\",null,{\"className\":\"line-clamp-3 min-h-[66px] text-sm leading-[22px] font-medium text-gray-800\",\"children\":\"Anthropic just shipped a full AG-UI integration for Claude Managed Agents (CMA), so you can drop a Managed Agent into any AG-UI-compatible frontend without gluing together your own transport, state sync, and UI primitives. That means React, React Native, Next.js, and Angular on the web, plus Slack, Teams, and other messaging surfaces via the Channels SDK — all with generative UI, streaming, tool calls, and stateful sessions. Everything is open source. Here's where to start and how to ship.\"}]]}]]}],[\"$\",\"$L17\",\"b19efe0a-00bf-4a68-a7d5-8380d137c90a\",{\"href\":\"/blog/copilotkit-for-angular\",\"className\":\"flex h-full w-full flex-col overflow-hidden rounded-lg border border-white lg:rounded-xl\",\"children\":[[\"$\",\"div\",null,{\"className\":\"relative aspect-[16/10] w-full shrink-0 overflow-hidden\",\"children\":[\"$\",\"$L18\",null,{\"src\":\"https://cdn.sanity.io/images/y3fjfzcd/production/b83084e81a046877267071cb3ea1efdd32508fbc-1600x1000.png\",\"alt\":\"Introducing CopilotKit for Angular\",\"fill\":true,\"sizes\":\"(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw\",\"className\":\"object-cover\"}]}],[\"$\",\"div\",null,{\"className\":\"flex h-full flex-col gap-3 bg-white/50 p-6 pb-5 lg:pb-[30px]\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-col items-start text-gray-800\",\"children\":[[\"$\",\"span\",null,{\"children\":[\"Rainer Hahnekamp\",\" \",\"and Murat Sari\"]}],[\"$\",\"span\",null,{\"children\":\"July 23, 2026\"}]]}],[\"$\",\"span\",null,{\"className\":\"text-lg leading-[20px] font-medium text-gray-1000 lg:text-xl lg:leading-[24px]\",\"children\":\"Introducing CopilotKit for Angular\"}],[\"$\",\"span\",null,{\"className\":\"line-clamp-3 min-h-[66px] text-sm leading-[22px] font-medium text-gray-800\",\"children\":\"We're introducing Angular support for CopilotKit. Bring any AG-UI agent into your Angular app with pre-built chat or a fully headless setup, Generative UI, shared state, human-in-the-loop and threads, all on Angular's own patterns. Soverius AI maintains it upstream, in collaboration with CopilotKit.\"}]]}]]}],[\"$\",\"$L17\",\"d7533b68-4f16-4684-80e0-fd415d3d384d\",{\"href\":\"/blog/auto-tune-stop-writing-the-prompt-train-the-model\",\"className\":\"flex h-full w-full flex-col overflow-hidden rounded-lg border border-white lg:rounded-xl\",\"children\":[[\"$\",\"div\",null,{\"className\":\"relative aspect-[16/10] w-full shrink-0 overflow-hidden\",\"children\":[\"$\",\"$L18\",null,{\"src\":\"https://cdn.sanity.io/images/y3fjfzcd/production/466390a1598a68a6e494c6efccaac80e882c6dce-1672x941.png\",\"alt\":\"Auto-Tune: Stop Writing the Prompt, Train the Model\",\"fill\":true,\"sizes\":\"(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw\",\"className\":\"object-cover\"}]}],[\"$\",\"div\",null,{\"className\":\"flex h-full flex-col gap-3 bg-white/50 p-6 pb-5 lg:pb-[30px]\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-col items-start text-gray-800\",\"children\":[[\"$\",\"span\",null,{\"children\":[\"David McKay\",\" \",false]}],[\"$\",\"span\",null,{\"children\":\"July 20, 2026\"}]]}],[\"$\",\"span\",null,{\"className\":\"text-lg leading-[20px] font-medium text-gray-1000 lg:text-xl lg:leading-[24px]\",\"children\":\"Auto-Tune: Stop Writing the Prompt, Train the Model\"}],[\"$\",\"span\",null,{\"className\":\"line-clamp-3 min-h-[66px] text-sm leading-[22px] font-medium text-gray-800\",\"children\":\"Production AI teams often rely on massive system prompts to force general-purpose models into narrow, repetitive jobs—but instruction-following degrades as those prompts grow. This post argues for “auto-tune”: a simple, continuous system that learns from production traffic, trains smaller specialist models, and routes work to the right model automatically.\"}]]}]]}],[\"$\",\"$L17\",\"f447b215-4e6e-42fd-808e-d8625bc60bbb\",{\"href\":\"/blog/generative-ui-on-agentcore-with-copilotkit\",\"className\":\"flex h-full w-full flex-col overflow-hidden rounded-lg border border-white lg:rounded-xl\",\"children\":[[\"$\",\"div\",null,{\"className\":\"relative aspect-[16/10] w-full shrink-0 overflow-hidden\",\"children\":[\"$\",\"$L18\",null,{\"src\":\"https://cdn.sanity.io/images/y3fjfzcd/production/3b330edf0f997361759b0af0a0f93aff68c06c0b-3200x1800.png\",\"alt\":\"Build Generative UI Agents on Amazon Bedrock AgentC
28ore with AG-UI and CopilotKit\",\"fill\":true,\"sizes\":\"(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw\",\"className\":\"object-cover\"}]}],[\"$\",\"div\",null,{\"className\":\"flex h-full flex-col gap-3 bg-white/50 p-6 pb-5 lg:pb-[30px]\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-col items-start text-gray-800\",\"children\":[[\"$\",\"span\",null,{\"children\":[\"Anmol Baranwal\",\" \",\"and Nathan Tarbert\"]}],[\"$\",\"span\",null,{\"children\":\"June 30, 2026\"}]]}],[\"$\",\"span\",null,{\"className\":\"text-lg leading-[20px] font-medium text-gray-1000 lg:text-xl lg:leading-[24px]\",\"children\":\"Build Generative UI Agents on Amazon Bedrock AgentCore with AG-UI and CopilotKit\"}],[\"$\",\"span\",null,{\"className\":\"line-clamp-3 min-h-[66px] text-sm leading-[22px] font-medium text-gray-800\",\"children\":\"Amazon Bedrock AgentCore now runs AG-UI agents natively, so auth, scaling, and session isolation come managed. We build one agent that renders charts inline, syncs a todo canvas both ways, and pauses for human input. Pick Strands or LangGraph at deploy time, and the same frontend runs against either.\"}]]}]]}],[\"$\",\"$L17\",\"5ac78aff-3a17-4b2d-9bdf-325b7bbd414d\",{\"href\":\"/blog/the-tuesday-that-cost-twenty-two-thousand-dollars\",\"className\":\"flex h-full w-full flex-col overflow-hidden rounded-lg border border-white lg:rounded-xl\",\"children\":[[\"$\",\"div\",null,{\"className\":\"relative aspect-[16/10] w-full shrink-0 overflow-hidden\",\"children\":[\"$\",\"$L18\",null,{\"src\":\"https://cdn.sanity.io/images/y3fjfzcd/production/8ab6ac4e8bf121d82d55ec0a455f01c0eee2334b-1586x992.png\",\"alt\":\"Switching to Fable 5: The Tuesday That Cost $22,000\",\"fill\":true,\"sizes\":\"(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw\",\"className\":\"object-cover\"}]}],[\"$\",\"div\",null,{\"className\":\"flex h-full flex-col gap-3 bg-white/50 p-6 pb-5 lg:pb-[30px]\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-col items-start text-gray-800\",\"children\":[[\"$\",\"span\",null,{\"children\":[\"Jordan Ritter\",\" \",false]}],[\"$\",\"span\",null,{\"children\":\"June 12, 2026\"}]]}],[\"$\",\"span\",null,{\"className\":\"text-lg leading-[20px] font-medium text-gray-1000 lg:text-xl lg:leading-[24px]\",\"children\":\"Switching to Fable 5: The Tuesday That Cost $22,000\"}],[\"$\",\"span\",null,{\"className\":\"line-clamp-3 min-h-[66px] text-sm leading-[22px] font-medium text-gray-800\",\"children\":\"$19\"}]]}]]}],[\"$\",\"$L17\",\"64439f0b-ba79-48a6-8d91-d3d1d55a36cb\",{\"href\":\"/blog/build-ai-agents-that-live-inside-your-app-copilotkit-explained\",\"className\":\"flex h-full w-full flex-col overflow-hidden rounded-lg border border-white lg:rounded-xl\",\"children\":[[\"$\",\"div\",null,{\"className\":\"relative aspect-[16/10] w-full shrink-0 overflow-hidden\",\"children\":[\"$\",\"$L18\",null,{\"src\":\"https://cdn.sanity.io/images/y3fjfzcd/production/0b6dbd948b33535d8bb673b24caf157f3cee6c70-1672x941.png\",\"alt\":\"Build AI Agents That Live Inside Your App — CopilotKit Explained\",\"fill\":true,\"sizes\":\"(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw\",\"className\":\"object-cover\"}]}],[\"$\",\"div\",null,{\"className\":\"flex h-full flex-col gap-3 bg-white/50 p-6 pb-5 lg:pb-[30px]\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-col items-start text-gray-800\",\"children\":[[\"$\",\"span\",null,{\"children\":[\"Nathan Tarbert\",\" \",false]}],[\"$\",\"span\",null,{\"children\":\"June 12, 2026\"}]]}],[\"$\",\"span\",null,{\"className\":\"text-lg leading-[20px] font-medium text-gray-1000 lg:text-xl lg:leading-[24px]\",\"children\":\"Build AI Agents That Live Inside Your App — CopilotKit Explained\"}],[\"$\",\"span\",null,{\"className\":\"line-clamp-3 min-h-[66px] text-sm leading-[22px] font-medium text-gray-800\",\"children\":\"CopilotKit is a complete set of building blocks for developers and teams who want to add agents to their app and assemble, debug, and ship the interface layer between their agents and users. It's also framework-agnostic and supports any LLM and every popular agent framework. There are two options for chat. Pre-built components, if you want something already built or Headless UI, which allows anyone to build custom agent interfaces. \"}]]}]]}],[\"$\",\"$L17\",\"4ddaaa13-e12f-49cb-bf31-32a5b0f5e8b1\",{\"href\":\"/blog/frontend-stack-for-ai-agents\",\"className\":\"flex h-full w-full flex-col overflow-hidden rounded-lg border border-white lg:rounded-xl\",\"children\":[[\"$\",\"div\",null,{\"className\":\"relative aspect-[16/10] w-full shrink-0 overflow-hidden\",\"children\":[\"$\",\"$L18\",null,{\"src\":\"https://cdn.sanity.io/images/y3fjfzcd/production/e99d5b7e036733b45ecbe786d8ecb479259e03bb-1500x900.png\",\"alt\":\"CopilotKit - The Complete Frontend Stack for AI Agents\",\"fill\":true,\"sizes\":\"(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw\",\"className\":\"object-cover\"}]}],[\"$\",\"div\",null,{\"className\":\"flex h-full flex-col gap-3 bg-white/50 p-6 pb-5 lg:pb-[30px]\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-col items-start text-gray-800\",\"children\":[[\"$\",\"span\",null,{\"children\":[\"Anmol Baranwal\",\" \",\"and Nathan Tarbert\"]}],[\"$\",\"span\",null,{\"children\":\"May 20, 2026\"}]]}],[\"$\",\"span\",null,{\"className\":\"text-lg leading-[20px] font-medium text-gray-1000 lg:text-xl lg:leading-[24px]\",\"children\":\"CopilotKit - The Complete Frontend Stack for AI Agents\"}],[\"$\",\"span\",null,{\"className\":\"line-clamp-3 min-h-[66px] text-sm leading-[22px] font-medium text-gray-800\",\"children\":\"Copilotkit is the open source frontend stack for AI agents. Learn about architecture, chat components, hooks, generative UI, persistent memory, debugging tools, and 13+ agent framework integrations for building Agentic UIs.\"}]]}]]}],[\"$\",\"$L17\",\"e968b8a2-301f-4806-9091-c5c220fdaec6\",{\"href\":\"/blog/tanstack-supply-chain-attack-and-how-to-lock-down-github-actions\",\"className\":\"flex h-full w-full flex-col overflow-hidden rounded-lg border border-white lg:rounded-xl\",\"children\":[[\"$\",\"div\",null,{\"className\":\"relative aspect-[16/10] w-full shrink-0 overflow-hidden\",\"children\":[\"$\",\"$L18\",null,{\"src\":\"https://cdn.sanity.io/images/y3fjfzcd/production/0bdc885514723ce15b44fbd4698517b686a08d3f-1600x900.png\",\"alt\":\"TanStack Supply Chain Attack and How to Lock Down GitHub Actions\",\"fill\":true,\"sizes\":\"(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw\",\"className\":\"object-cover\"}]}],[\"$\",\"div\",null,{\"className\":\"flex h-full flex-col gap-3 bg-white/50 p-6 pb-5 lg:pb-[30px]\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-col items-start text-gray-800\",\"children\":[[\"$\",\"span\",null,{\"children\":[\"Jordan Ritter\",\" \",false]}],[\"$\",\"span\",null,{\"children\":\"May 18, 2026\"}]]}],[\"$\",\"span\",null,{\"className\":\"text-lg leading-[20px] font-medium text-gray-1000 lg:text-xl lg:leading-[24px]\",\"children\":\"TanStack Supply Chain Attack and How to Lock Down GitHub Actions\"}],[\"$\",\"span\",null,{\"className\":\"line-clamp-3 min-h-[66px] text-sm leading-[22px] font-medium text-gray-800\",\"children\":\"How TanStack got hit through GitHub Actions, the 8 vulnerabilities we found auditing 20 repos the next day, and the playbook we used to fix them all in 4 days.\"}]]}]]}],[\"$\",\"$L17\",\"b4ca8011-66d7-444b-80df-d43502f05d4d\",{\"href\":\"/blog/copilotkit-enterprise-intelligence-platform\",\"className\":\"flex h-full w-full flex-col overflow-hidden rounded-lg border border-white lg:rounded-xl\",\"children\":[[\"$\",\"div\",null,{\"className\":\"relative aspect-[16/10] w-full shrink-0 overflow-hidden\",\"children\":[\"$\",\"$L18\",null,{\"src\":\"https://cdn.sanity.io/images/y3fjfzcd/production/357163fa0953cfa35288c898fffea538de248f88-3200x1800.png\",\"alt\":\"CopilotKit Enterprise Intelligence Platform: The Persistence Layer for Agentic Applications\",\"fill\":true,\"sizes\":\"(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw\",\"className\":\"object-cover\"}]}],[\"$\",\"div\",null,{\"className\":\"flex h-full flex-col gap-3 bg-white/50 p-6 pb-5 lg:pb-[30px]\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-col items-start text-gray-800\",\"children\":[[\"$\",\"span\",null,{\"children\":[\"Anmol Baranwal\",\" \",\"and Nathan Tarbert\"]}],[\"$\",\"span\",null,{\"children\":\"May 14, 2026\"}]]}],[\"$\",\"span\",null,{\"className\":\"text-lg leading-[20px] font-medium text-gray-1000 lg:text-xl lg:leading-[24px]\",\"children\":\"CopilotKit Enterprise Intelligence Platform: The Persistence Layer for Agentic Applications\"}],[\"$\",\"span\",null,{\"className\":\"line-clamp-3 min-h-[66px] text-sm leading-[22px] font-medium text-gray-800\",\"children\":\"The CopilotKit Enterprise Intelligence Platform brings persistent memory to agent apps across sessions and devices, with continuous learning from real usage.\"}]]}]]}],[\"$\",\"$L17\",\"62de6700-1423-4027-9b3b-5fd8eacee6a9\",{\"href\":\"/blog/build-a-multi-agent-telecom-support-system-with-copilotkit-and-langgraph\",\"className\":\"flex h-full w-full flex-col overflow-hidden rounded-lg border border-white lg:rounded-xl\",\"children\":[[\"$\",\"div\",null,{\"className\":\"relative aspect-[16/10] w-full shrink-0 overflow-hidden\",\"children\":[\"$\",\"$L18\",null,{\"src\":\"https://cdn.sanity.io/images/y3fjfzcd/production/bc2f1d1050ff555c21c8bcc601bb81297e743de8-1600x900.png\",\"alt\":\"Build a Multi-Agent Telecom Support System with CopilotKit \u0026 LangGraph\",\"fill\":true,\"sizes\":\"(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw\",\"className\":\"object-cover\"}]}],[\"$\",\"div\",null,{\"className\":\"flex h-full flex-col gap-3 bg-white/50 p-6 pb-5 lg:pb-[30px]\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-col items-start text-gray-800\",\"children\":[[\"$\",\"span\",null,{\"children\":[\"Nathan Tarbert\",\" \",false]}],[\"$\",\"span\",null,{\"children\":\"April 24, 2026\"}]]}],[\"$\",\"span\",null,{\"className\":\"text-lg leading-[20px] font-medium text-gray-1000 lg:text-xl lg:leading-[24px]\",\"children\":\"Build a Multi-Agent Telecom Support System with CopilotKit \u0026 LangGraph\"}],[\"$\",\"span\",null,{\"className\":\"line-clamp-3 min-h-[66px] text-sm leading-[22px] font-medium text-gray-800\",\"children\":\"In this tutorial, we’ll build a multi-agent support system using CopilotKit and LangGraph. In this system, different agents coordinate to resolve customer queries.\"}]]}]]}],[\"$\",\"$L17\",\"f69a6877-5904-49fb-906b-7eb5f1f17c51\",{\"href\":\"/blog/generative-ui-explained-how-agents-now-s
28hip-their-own-interfaces\",\"className\":\"flex h-full w-full flex-col overflow-hidden rounded-lg border border-white lg:rounded-xl\",\"children\":[[\"$\",\"div\",null,{\"className\":\"relative aspect-[16/10] w-full shrink-0 overflow-hidden\",\"children\":[\"$\",\"$L18\",null,{\"src\":\"https://cdn.sanity.io/images/y3fjfzcd/production/5862060b336c4d6eae6f834ab4b973ba108f7daa-3200x1800.png\",\"alt\":\"Generative UI Spectrum: How Agents Now Ship Their Own Interfaces\",\"fill\":true,\"sizes\":\"(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw\",\"className\":\"object-cover\"}]}],[\"$\",\"div\",null,{\"className\":\"flex h-full flex-col gap-3 bg-white/50 p-6 pb-5 lg:pb-[30px]\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-col items-start text-gray-800\",\"children\":[[\"$\",\"span\",null,{\"children\":[\"Anmol Baranwal\",\" \",\"and Tyler Slaton\"]}],[\"$\",\"span\",null,{\"children\":\"April 23, 2026\"}]]}],[\"$\",\"span\",null,{\"className\":\"text-lg leading-[20px] font-medium text-gray-1000 lg:text-xl lg:leading-[24px]\",\"children\":\"Generative UI Spectrum: How Agents Now Ship Their Own Interfaces\"}],[\"$\",\"span\",null,{\"className\":\"line-clamp-3 min-h-[66px] text-sm leading-[22px] font-medium text-gray-800\",\"children\":\"The interface used to ship with the app. Now it ships with the agent. A walkthrough of the Generative UI spectrum (controlled, declarative, open-ended), the AG-UI protocol underneath, and the shared agent state that makes it all work.\"}]]}]]}],[\"$\",\"$L17\",\"d24f9258-c1a8-4267-ad1b-7e1b7a43fd4e\",{\"href\":\"/blog/a2ui-whats-new-in-google-generative-ui-spec\",\"className\":\"flex h-full w-full flex-col overflow-hidden rounded-lg border border-white lg:rounded-xl\",\"children\":[[\"$\",\"div\",null,{\"className\":\"relative aspect-[16/10] w-full shrink-0 overflow-hidden\",\"children\":[\"$\",\"$L18\",null,{\"src\":\"https://cdn.sanity.io/images/y3fjfzcd/production/7e20bf5052667d28787095600dd64dc64ae035f7-1600x900.png\",\"alt\":\"A2UI v0.9: What's New in Google's Generative UI Spec\",\"fill\":true,\"sizes\":\"(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw\",\"className\":\"object-cover\"}]}],[\"$\",\"div\",null,{\"className\":\"flex h-full flex-col gap-3 bg-white/50 p-6 pb-5 lg:pb-[30px]\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-col items-start text-gray-800\",\"children\":[[\"$\",\"span\",null,{\"children\":[\"Anmol Baranwal\",\" \",\"and Nathan Tarbert\"]}],[\"$\",\"span\",null,{\"children\":\"April 17, 2026\"}]]}],[\"$\",\"span\",null,{\"className\":\"text-lg leading-[20px] font-medium text-gray-1000 lg:text-xl lg:leading-[24px]\",\"children\":\"A2UI v0.9: What's New in Google's Generative UI Spec\"}],[\"$\",\"span\",null,{\"className\":\"line-clamp-3 min-h-[66px] text-sm leading-[22px] font-medium text-gray-800\",\"children\":\"Google launched A2UI v0.9, their open protocol for Generative UI. It ships prompt-first generation, bidirectional messaging, modular schemas, and a new Agent SDK. Here's what changed, how to wire any agent in 5 steps, and how to use it with any agent framework via AG-UI Protocol.\"}]]}]]}],[\"$\",\"$L17\",\"cad2fbd2-1798-49ce-acf7-64f80f5cfddc\",{\"href\":\"/blog/join-copilotKit-at-google-cloud-next-2026\",\"className\":\"flex h-full w-full flex-col overflow-hidden rounded-lg border border-white lg:rounded-xl\",\"children\":[[\"$\",\"div\",null,{\"className\":\"relative aspect-[16/10] w-full shrink-0 overflow-hidden\",\"children\":[\"$\",\"$L18\",null,{\"src\":\"https://cdn.sanity.io/images/y3fjfzcd/production/6e395c189254633981c914b82c05844cdbdac58e-3200x1800.png\",\"alt\":\"Join CopilotKit at Google Cloud Next 2026\",\"fill\":true,\"sizes\":\"(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw\",\"className\":\"object-cover\"}]}],[\"$\",\"div\",null,{\"className\":\"flex h-full flex-col gap-3 bg-white/50 p-6 pb-5 lg:pb-[30px]\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-col items-start text-gray-800\",\"children\":[[\"$\",\"span\",null,{\"children\":[\"Eli Berman\",\" \",false]}],[\"$\",\"span\",null,{\"children\":\"April 10, 2026\"}]]}],[\"$\",\"span\",null,{\"className\":\"text-lg leading-[20px] font-medium text-gray-1000 lg:text-xl lg:leading-[24px]\",\"children\":\"Join CopilotKit at Google Cloud Next 2026\"}],[\"$\",\"span\",null,{\"className\":\"line-clamp-3 min-h-[66px] text-sm leading-[22px] font-medium text-gray-800\",\"children\":\"We’ll be at Google Cloud Next 2026 in Las Vegas!\\n\\nGoogle Cloud Next is the biggest cloud event of the year, and CopilotKit is showing up in a big way. CEO Atai Barkai has been invited to the stage in an official session with Google Cloud, we're co-presenting one of the best sideline events of the week, and our team will be on the ground meeting with developers and companies building the next generation of AI-native applications.\"}]]}]]}],[\"$\",\"$L17\",\"c6863c98-fa5f-4f91-aa8d-7eb63fb60830\",{\"href\":\"/blog/aimock-one-tool-to-mock-your-entire-ai-stack\",\"className\":\"flex h-full w-full flex-col overflow-hidden rounded-lg border border-white lg:rounded-xl\",\"children\":[[\"$\",\"div\",null,{\"className\":\"relative aspect-[16/10] w-full shrink-0 overflow-hidden\",\"children\":[\"$\",\"$L18\",null,{\"src\":\"https://cdn.sanity.io/images/y3fjfzcd/production/4b9ad941c061a030ae723c3e6a5526254466c45a-3200x1800.png\",\"alt\":\"AIMock: One Mock Server For Your Entire AI Stack\",\"fill\":true,\"sizes\":\"(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw\",\"className\":\"object-cover\"}]}],[\"$\",\"div\",null,{\"className\":\"flex h-full flex-col gap-3 bg-white/50 p-6 pb-5 lg:pb-[30px]\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-col items-start text-gray-800\",\"children\":[[\"$\",\"span\",null,{\"children\":[\"Anmol Baranwal\",\" \",\"and Nathan Tarbert\"]}],[\"$\",\"span\",null,{\"children\":\"April 9, 2026\"}]]}],[\"$\",\"span\",null,{\"className\":\"text-lg leading-[20px] font-medium text-gray-1000 lg:text-xl lg:leading-[24px]\",\"children\":\"AIMock: One Mock Server For Your Entire AI Stack\"}],[\"$\",\"span\",null,{\"className\":\"line-clamp-3 min-h-[66px] text-sm leading-[22px] font-medium text-gray-800\",\"children\":\"AIMock mocks your entire agentic stack from one config file: LLMs, MCP tools, A2A agents, vector databases, search, rerank, and moderation. Record real API responses as fixtures, detect provider changes daily before they reach production, and inject failures to prove your app handles them. Zero dependencies. Open Source.\"}]]}]]}],[\"$\",\"$L17\",\"7cfaee2a-e542-4696-8c1a-793736f73b51\",{\"href\":\"/blog/aws-announces-dedicated-ag-ui-endpoint-in-agentcore-and-fast-template-for-building-fullstack-agents\",\"className\":\"flex h-full w-full flex-col overflow-hidden rounded-lg border border-white lg:rounded-xl\",\"children\":[[\"$\",\"div\",null,{\"className\":\"relative aspect-[16/10] w-full shrink-0 overflow-hidden\",\"children\":[\"$\",\"$L18\",null,{\"src\":\"https://cdn.sanity.io/images/y3fjfzcd/production/1e4f8d388ffce8b95b1b2dbf477f141ac039d97b-1920x1080.png\",\"alt\":\"AWS Announce
28s Dedicated AG-UI Endpoint in AgentCore and FAST Template for Building Fullstack Agents\",\"fill\":true,\"sizes\":\"(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw\",\"className\":\"object-cover\"}]}],[\"$\",\"div\",null,{\"className\":\"flex h-full flex-col gap-3 bg-white/50 p-6 pb-5 lg:pb-[30px]\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-col items-start text-gray-800\",\"children\":[[\"$\",\"span\",null,{\"children\":[\"Anmol Baranwal\",\" \",\"and Nathan Tarbert\"]}],[\"$\",\"span\",null,{\"children\":\"March 24, 2026\"}]]}],[\"$\",\"span\",null,{\"className\":\"text-lg leading-[20px] font-medium text-gray-1000 lg:text-xl lg:leading-[24px]\",\"children\":\"AWS Announces Dedicated AG-UI Endpoint in AgentCore and FAST Template for Building Fullstack Agents\"}],[\"$\",\"span\",null,{\"className\":\"line-clamp-3 min-h-[66px] text-sm leading-[22px] font-medium text-gray-800\",\"children\":\"AWS and CopilotKit release a dedicated AG-UI endpoint in AgentCore and a new FAST template pattern with Generative UI, shared state, and human-in-the-loop flows out of the box.\"}]]}]]}],[\"$\",\"$L17\",\"20d993e7-0e05-4e9c-9bd7-c7c5994c421e\",{\"href\":\"/blog/reusable-agents-meet-generative-uis\",\"className\":\"flex h-full w-full flex-col overflow-hidden rounded-lg border border-white lg:rounded-xl\",\"children\":[[\"$\",\"div\",null,{\"className\":\"relative aspect-[16/10] w-full shrink-0 overflow-hidden\",\"children\":[\"$\",\"$L18\",null,{\"src\":\"https://cdn.sanity.io/images/y3fjfzcd/production/30ffc80380890b29471a8fcbc7f7f7939ca0c3eb-1000x400.png\",\"alt\":\"Reusable Agents Meet Generative UIs\",\"fill\":true,\"sizes\":\"(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw\",\"className\":\"object-cover\"}]}],[\"$\",\"div\",null,{\"className\":\"flex h-full flex-col gap-3 bg-white/50 p-6 pb-5 lg:pb-[30px]\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-col items-start text-gray-800\",\"children\":[[\"$\",\"span\",null,{\"children\":[\"Anmol Baranwal\",\" \",\"and Nathan Tarbert\"]}],[\"$\",\"span\",null,{\"children\":\"March 12, 2026\"}]]}],[\"$\",\"span\",null,{\"className\":\"text-lg leading-[20px] font-medium text-gray-1000 lg:text-xl lg:leading-[24px]\",\"children\":\"Reusable Agents Meet Generative UIs\"}],[\"$\",\"span\",null,{\"className\":\"line-clamp-3 min-h-[66px] text-sm leading-[22px] font-medium text-gray-800\",\"children\":\"$1a\"}]]}]]}],[\"$\",\"$L17\",\"851d3183-487c-41c8-bee6-13796b5bc0b5\",{\"href\":\"/blog/the-developer-s-guide-to-generative-ui-in-2026\",\"className\":\"flex h-full w-full flex-col overflow-hidden rounded-lg border border-white lg:rounded-xl\",\"children\":[[\"$\",\"div\",null,{\"className\":\"relative aspect-[16/10] w-full shrink-0 overflow-hidden\",\"children\":[\"$\",\"$L18\",null,{\"src\":\"https://cdn.sanity.io/images/y3fjfzcd/production/ff99f879000b0a01c7cb24e74cc43825036eff9a-3200x1800.png\",\"alt\":\"The Developer's Guide to Generative UI in 2026\",\"fill\":true,\"sizes\":\"(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw\",\"className\":\"object-cover\"}]}],[\"$\",\"div\",null,{\"className\":\"flex h-full flex-col gap-3 bg-white/50 p-6 pb-5 lg:pb-[30px]\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-col items-start text-gray-800\",\"children\":[[\"$\",\"span\",null,{\"children\":[\"Anmol Baranwal\",\" \",\"and Nathan Tarbert\"]}],[\"$\",\"span\",null,{\"children\":\"January 29, 2026\"}]]}],[\"$\",\"span\",null,{\"className\":\"text-lg leading-[20px] font-medium text-gray-1000 lg:text-xl lg:leading-[24px]\",\"children\":\"The Developer's Guide to Generative UI in 2026\"}],[\"$\",\"span\",null,{\"className\":\"line-clamp-3 min-h-[66px] text-sm leading-[22px] font-medium text-gray-800\",\"children\":\"AI agents have become much better at reasoning and planning. The UI layer has mostly stayed the same, and it is holding back the experience.\\n\\nMost agent experiences still rely on chat, even when the task clearly needs forms, previews, controls, or step-by-step feedback.\\n\\nGenerative UI is the idea that allows agents to influence the interface at runtime, so the UI can change as context changes. This is usually done through UI specs like A2UI, Open-JSON-UI, or MCP Apps.\\n\\nWe'll break down Generative UI, the three practical patterns, and how CopilotKit supports them (using AG-UI protocol under the hood).\"}]]}]]}],[\"$\",\"$L17\",\"33414aee-1ce6-4ca1-8f04-81c7a2327910\",{\"href\":\"/blog/bring-mcp-apps-into-your-own-app-with-copilotkit-and-ag-ui\",\"className\":\"flex h-full w-full flex-col overflow-hidden rounded-lg border border-white lg:rounded-xl\",\"children\":[[\"$\",\"div\",null,{\"className\":\"relative aspect-[16/10] w-full shrink-0 overflow-hidden\",\"children\":[\"$\",\"$L18\",null,{\"src\":\"https://cdn.sanity.io/images/y3fjfzcd/production/0a62664940d6f1fda283c99238eaadb5760ca642-1600x900.png\",\"alt\":\"Bring MCP Apps into your OWN app with CopilotKit \u0026 AG-UI\",\"fill\":true,\"sizes\":\"(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw\",\"className\":\"object-cover\"}]}],[\"$\",\"div\",null,{\"className\":\"flex h-full flex-col gap-3 bg-white/50 p-6 pb-5 lg:pb-[30px]\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-col items-start text-gray-800\",\"children\":[[\"$\",\"span\",null,{\"children\":[\"Anmol Baranwal\",\" \",\"and Nathan Tarbert\"]}],[\"$\",\"span\",null,{\"children\":\"January 22, 2026\"}]]}],[\"$\",\"span\",null,{\"className\":\"text-lg leading-[20px] font-medium text-gray-1000 lg:text-xl lg:leading-[24px]\",\"children\":\"Bring MCP Apps into your OWN app with CopilotKit \u0026 AG-UI\"}],[\"$\",\"span\",null,{\"className\":\"line-clamp-3 min-h-[66px] text-sm leading-[22px] font-medium text-gray-800\",\"children\":\"Today, we are excited to announce CopilotKit’s supp
28ort for MCP Apps. Now, MCP servers can finally ship an interactive UI that works out of the box in real agent applications.\"}]]}]]}],[\"$\",\"$L17\",\"2a7e7033-82b5-4617-9fef-11732346cb52\",{\"href\":\"/blog/how-to-build-a-frontend-for-langchain-deep-agents-with-copilotkit\",\"className\":\"flex h-full w-full flex-col overflow-hidden rounded-lg border border-white lg:rounded-xl\",\"children\":[[\"$\",\"div\",null,{\"className\":\"relative aspect-[16/10] w-full shrink-0 overflow-hidden\",\"children\":[\"$\",\"$L18\",null,{\"src\":\"https://cdn.sanity.io/images/y3fjfzcd/production/ac94f33aef7b0b1e226e3b2714227785f353c471-1600x900.png\",\"alt\":\"How to build a Frontend for LangChain Deep Agents with CopilotKit!\",\"fill\":true,\"sizes\":\"(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw\",\"className\":\"object-cover\"}]}],[\"$\",\"div\",null,{\"className\":\"flex h-full flex-col gap-3 bg-white/50 p-6 pb-5 lg:pb-[30px]\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-col items-start text-gray-800\",\"children\":[[\"$\",\"span\",null,{\"children\":[\"Anmol Baranwal\",\" \",\"and Nathan Tarbert\"]}],[\"$\",\"span\",null,{\"children\":\"January 20, 2026\"}]]}],[\"$\",\"span\",null,{\"className\":\"text-lg leading-[20px] font-medium text-gray-1000 lg:text-xl lg:leading-[24px]\",\"children\":\"How to build a Frontend for LangChain Deep Agents with CopilotKit!\"}],[\"$\",\"span\",null,{\"className\":\"line-clamp-3 min-h-[66px] text-sm leading-[22px] font-medium text-gray-800\",\"children\":\"LangChain recently introduced Deep Agents: a new way to build structured, multi-agent systems that can plan, delegate, and reason across multiple steps.\\n\\nIt comes with built-in planning, a filesystem for context, and subagent spawning. But connecting that agent to a real frontend is still surprisingly hard.\\n\\nToday, we will build a Deep Agents powered job search assistant and connect it to a live Next.js UI with CopilotKit, so the frontend stays in sync with the agent in real time.\"}]]}]]}],[\"$\",\"$L17\",\"6a7bcba3-084c-4bd0-87cc-5455704b3751\",{\"href\":\"/blog/oracle-adopts-ag-ui-protocol-for-agent-spec\",\"className\":\"flex h-full w-full flex-col overflow-hidden rounded-lg border border-white lg:rounded-xl\",\"children\":[[\"$\",\"div\",null,{\"className\":\"relative aspect-[16/10] w-full shrink-0 overflow-hidden\",\"children\":[\"$\",\"$L18\",null,{\"src\":\"https://cdn.sanity.io/images/y3fjfzcd/production/80698f00539234c16d5da13ea88abc6042fb718a-1600x900.png\",\"alt\":\"Oracle adopts AG-UI protocol for Agent Spec\",\"fill\":true,\"sizes\":\"(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw\",\"className\":\"object-cover\"}]}],[\"$\",\"div\",null,{\"className\":\"flex h-full flex-col gap-3 bg-white/50 p-6 pb-5 lg:pb-[30px]\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-col items-start text-gray-800\",\"children\":[[\"$\",\"span\",null,{\"children\":[\"Nathan Tarbert\",\" \",\"and Eli Berman\"]}],[\"$\",\"span\",null,{\"children\":\"December 18, 2025\"}]]}],[\"$\",\"span\",null,{\"className\":\"text-lg leading-[20px] font-medium text-gray-1000 lg:text-xl lg:leading-[24px]\",\"children\":\"Oracle adopts AG-UI protocol for Agent Spec\"}],[\"$\",\"span\",null,{\"className\":\"line-clamp-3 min-h-[66px] text-sm leading-[22px] font-medium text-gray-800\",\"children\":\"One of the most complex problems in agentic systems today isn’t defining intelligent agents, it’s connecting those agents to real, reliable user experiences. Oracle’s Open Agent Specification (Agent Spec) and AG-UI now work together to solve that gap.\"}]]}]]}],[\"$\",\"$L17\",\"e7ef2066-0743-4a59-bdfc-2bb1d2795091\",{\"href\":\"/blog/build-with-googles-new-a2ui-spec-agent-user-interfaces-with-a2ui-ag-ui\",\"className\":\"flex h-full w-full flex-col overflow-hidden rounded-lg border border-white lg:rounded-xl\",\"children\":[[\"$\",\"div\",null,{\"className\":\"relative aspect-[16/10] w-full shrink-0 overflow-hidden\",\"children\":[\"$\",\"$L18\",null,{\"src\":\"https://cdn.sanity.io/images/y3fjfzcd/production/83c7c539c8a139a0f459d532fc1ebbc91a265209-384x216.heif\",\"alt\":\"Build with Google's new A2UI Spec: Agent User Interfaces with A2UI + AG-UI\",\"fill\":true,\"sizes\":\"(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw\",\"className\":\"object-cover\"}]}],[\"$\",\"div\",null,{\"className\":\"flex h-full flex-col gap-3 bg-white/50 p-6 pb-5 lg:pb-[30px]\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-col items-start text-gray-800\",\"children\":[[\"$\",\"span\",null,{\"children\":[\"Bonnie\",\" \",\"and Nathan Tarbert\"]}],[\"$\",\"span\",null,{\"children\":\"December 17, 2025\"}]]}],[\"$\",\"span\",null,{\"className\":\"text-lg leading-[20px] font-medium text-gray-1000 lg:text-xl lg:leading-[24px]\",\"children\":\"Build with Google's new A2UI Spec: Agent User Interfaces with A2UI + AG-UI\"}],[\"$\",\"span\",null,{\"className\":\"line-clamp-3 min-h-[66px] text-sm leading-[22px] font-medium text-gray-800\",\"children\":\"In this guide, you will learn how to build full-stack agent-to-user interface (A2UI) agents using the agent-to-agent (A2A) protocol, the AG-UI protocol, and CopilotKit. \"}]]}]]}],[\"$\",\"$L17\",\"69175f9107a4999e919c182f\",{\"href\":\"/blog/ag-ui-and-a2ui-explained-how-the-emerging-agentic-stack-fits-together\",\"className\":\"flex h-full w-full flex-col overflow-hidden rounded-lg border border-white lg:rounded-xl\",\"children\":[[\"$\",\"div\",null,{\"className\":\"relative aspect-[16/10] w-full shrink-0 overflow-hidden\",\"children\":[\"$\",\"$L18\",null,{\"src\":\"https://cdn.sanity.io/images/y3fjfzcd/production/21d9f523281525eb42347e45333971f41541f557-384x216.heif\",\"alt\":\"AG-UI and A2UI Explained: How the Emerging Agentic Stack Fits Together\",\"fill\":true,\"sizes\":\"(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw\",\"className\":\"object-cover\"}]}],[\"$\",\"div\",null,{\"className\":\"flex h-full flex-col gap-3 bg-white/50 p-6 pb-5 lg:pb-[30px]\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-col items-start text-gray-800\",\"children\":[[\"$\",\"span\",null,{\"children\":[\"Nathan Tarbert\",\" \",false]}],[\"$\",\"span\",null,{\"children\":\"December 15, 2025\"}]]}],[\"$\",\"span\",null,{\"className\":\"text-lg leading-[20px] font-medium text-gray-1000 lg:text-xl lg:leading-[24px]\",\"children\":\"AG-UI and A2UI Explained: How the Emerging Agentic Stack Fits Together\"}],[\"$\",\"span\",null,{\"className\":\"line-clamp-3 min-h-[66px] text-sm leading-[22px] font-medium text-gray-800\",\"children\":\"The agentic ecosystem is evolving fast — and with new standards appearing almost weekly, it’s easy to get lost in the terminology. Two names that often get mixed up are AG-UI and A2UI. They sound similar, but they actually serve very different purposes. Even better: they complement each other beautifully.CopilotKit has been working closely with Google on A2UI, and we’ll be shipping full support when the A2UI spec launches. But before that happens, let’s break down how these pieces fit into the broader agentic landscape.\"}]]}]]}],[\"$\",\"$L17\",\"4fd27b60-cbd4-4a43-adea-69b45746e928\",{\"href\":\"/blog/aws-strands-agents-now-compatible-with-ag-ui\",\"className\":\"flex h-full w-full flex-col overflow-hidden rounded-lg border border-white lg:rounded-xl\",\"children\":[[\"$\",\"div\",null,{\"className\":\"relative aspect-[16/10] w-full shrink-0 overflow-hidden\",\"children\":[\"$\",\"$L18\",null,{\"src\":\"https://cdn.sanity.io/images/y3fjfzcd/production/e9c30f21ce1c0f94360f0e839392801d2a7955ce-3200x1800.png\",\"alt\":\"AWS Strands Agents Now Compatible with AG-UI\",\"fill\":true,\"sizes\":\"(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw\",\"className\":\"object-cover\"}]}],[\"$\",\"div\",null,{\"className\":\"flex h-full flex-col gap-3 bg-white/50 p-6 pb-5 lg:pb-[30px]\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-col items-start text-gray-800\",\"children\":[[\"$\",\"span\",null,{\"children\":[\"Nathan Tarbert\",\" \",false]}],[\"$\",\"span\",null,{\"children\":\"December 3, 2025\"}]]}],[\"$\",\"span\",null,{\"className\":\"text-lg leading-[20px] font-medium text-gray-1000 lg:text-xl lg:leading-[24px]\",\"children\":\"AWS Strands Agents Now Compatible with AG-UI\"}],[\"$\",\"span\",null,{\"className\":\"line-clamp-3 min-h-[66px] text-sm leading-[22px] font-medium text-gray-800\",\"children\":\"The agentic space has seen incredible momentum lately, but today’s update stands out: AWS Strands is now integrating with AG-UI and CopilotKit.\"}]]}]]}],[\"$\",\"$L17\",\"abab77e4-4f9e-4f93-8a53-aa871942c12e\",{\"href\":\"/blog/the-state-of-agentic-ui-comparing-ag-ui-mcp-ui-and-a2ui-protocols\",\"className\":\"flex h-full w-full flex-col overflow-hidden rounded-lg border border-white lg:rounded-xl\",\"children\":[[\"$\",\"div\",null,{\"className\":\"relative aspect-[16/10] w-full shrink-0 overflow-hidden\",\"children\":[\"$\",\"$L18\",null,{\"src\":\"https://cdn.sanity.io/images/y3fjfzcd/production/1add1f5a81f02bce18c376831ec7747392066f72-3200x1800.png\",\"alt\":\"The State of Agentic UI: Comparing AG
28-UI, MCP-UI, and A2A Protocols\",\"fill\":true,\"sizes\":\"(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw\",\"className\":\"object-cover\"}]}],[\"$\",\"div\",null,{\"className\":\"flex h-full flex-col gap-3 bg-white/50 p-6 pb-5 lg:pb-[30px]\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-col items-start text-gray-800\",\"children\":[[\"$\",\"span\",null,{\"children\":[\"Uli Barkai\",\" \",\"and Nathan Tarbert\"]}],[\"$\",\"span\",null,{\"children\":\"December 2, 2025\"}]]}],[\"$\",\"span\",null,{\"className\":\"text-lg leading-[20px] font-medium text-gray-1000 lg:text-xl lg:leading-[24px]\",\"children\":\"The State of Agentic UI: Comparing AG-UI, MCP-UI, and A2A Protocols\"}],[\"$\",\"span\",null,{\"className\":\"line-clamp-3 min-h-[66px] text-sm leading-[22px] font-medium text-gray-800\",\"children\":\"Over 18 months ago, CopilotKit released its first version with one clear goal: give developers the tools to build intelligent, AI-native interfaces - not just bots with text boxes, but deeply integrated, usable, agentic UIs.\"}]]}]]}],[\"$\",\"$L17\",\"c4b603f7-396c-45e8-9a67-3e3ddd6e402e\",{\"href\":\"/blog/how-microsoft-agent-framework-ag-ui-enable-agentic-ux-and-generative-ui\",\"className\":\"flex h-full w-full flex-col overflow-hidden rounded-lg border border-white lg:rounded-xl\",\"children\":[[\"$\",\"div\",null,{\"className\":\"relative aspect-[16/10] w-full shrink-0 overflow-hidden\",\"children\":[\"$\",\"$L18\",null,{\"src\":\"https://cdn.sanity.io/images/y3fjfzcd/production/a1916e79a98df32579d5db34561e22c02e06bb1b-3200x1800.png\",\"alt\":\"How Microsoft Agent Framework + AG-UI Enable Agentic UX \u0026 Generative UI\",\"fill\":true,\"sizes\":\"(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw\",\"className\":\"object-cover\"}]}],[\"$\",\"div\",null,{\"className\":\"flex h-full flex-col gap-3 bg-white/50 p-6 pb-5 lg:pb-[30px]\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-col items-start text-gray-800\",\"children\":[[\"$\",\"span\",null,{\"children\":[\"Nathan Tarbert\",\" \",false]}],[\"$\",\"span\",null,{\"children\":\"November 20, 2025\"}]]}],[\"$\",\"span\",null,{\"className\":\"text-lg leading-[20px] font-medium text-gray-1000 lg:text-xl lg:leading-[24px]\",\"children\":\"How Microsoft Agent Framework + AG-UI Enable Agentic UX \u0026 Generative UI\"}],[\"$\",\"span\",null,{\"className\":\"line-clamp-3 min-h-[66px] text-sm leading-[22px] font-medium text-gray-800\",\"children\":\"Microsoft’s Agent Framework (MAF) is an open source agent framework that has just come on the scene, and offers exceptional ways to build agents and multi-step workflows in .NET or Python. AG-UI is a frontend/runtime layer that lets those agents show up in your app with a clean UI, streaming responses, and shared state, etc. The integration between the two is simple but powerful: MAF handles the reasoning and tool-use, and AG-UI bridges the interactions between the agent and the users.\"}]]}]]}],[\"$\",\"$L17\",\"69123001f6800d20e0f05dee\",{\"href\":\"/blog/microsoft-agent-framework-is-now-ag-ui-compatible\",\"className\":\"flex h-full w-full flex-col overflow-hidden rounded-lg border border-white lg:rounded-xl\",\"children\":[[\"$\",\"div\",null,{\"className\":\"relative aspect-[16/10] w-full shrink-0 overflow-hidden\",\"children\":[\"$\",\"$L18\",null,{\"src\":\"https://cdn.sanity.io/images/y3fjfzcd/production/3789e4e543696d3d2b5170643de4d65c9a7ead7d-1600x900.png\",\"alt\":\"Microsoft Agent Framework is now AG-UI Compatible!\",\"fill\":true,\"sizes\":\"(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw\",\"className\":\"object-cover\"}]}],[\"$\",\"div\",null,{\"className\":\"flex h-full flex-col gap-3 bg-white/50 p-6 pb-5 lg:pb-[30px]\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-col items-start text-gray-800\",\"children\":[[\"$\",\"span\",null,{\"children\":[\"Uli Barkai\",\" \",\"and Nathan Tarbert\"]}],[\"$\",\"span\",null,{\"children\":\"November 11, 2025\"}]]}],[\"$\",\"span\",null,{\"className\":\"text-lg leading-[20px] font-medium text-gray-1000 lg:text-xl lg:leading-[24px]\",\"children\":\"Microsoft Agent Framework is now AG-UI Compatible!\"}],[\"$\",\"span\",null,{\"className\":\"line-clamp-3 min-h-[66px] text-sm leading-[22px] font-medium text-gray-800\",\"children\":\"We’re excited to announce that Microsoft’s Agent Framework is now fully compatible with the AG-UI protocol - the open standard powering frontend-agent communication across the ecosystem. This integration means you can now connect Microsoft’s powerful reasoning and orchestration layer directly to rich, real-time user interfaces - without custom socket code, polling loops, or one-off APIs.\"}]]}]]}],[\"$\",\"$L17\",\"691267b8f69a753c8b8f987d\",{\"href\":\"/blog/build-a-frontend-for-your-microsoft-agent-framework-agents-with-ag-ui\",\"className\":\"flex h-full w-full flex-col overflow-hidden rounded-lg border border-white lg:rounded-xl\",\"children\":[[\"$\",\"div\",null,{\"className\":\"relative aspect-[16/10] w-full shrink-0 overflow-hidden\",\"children\":[\"$\",\"$L18\",null,{\"src\":\"https://cdn.sanity.io/images/y3fjfzcd/production/d
28ace6aa2f59253778008389955046acbd137b454-1600x900.png\",\"alt\":\"Build a Frontend for your Microsoft Agent Framework Agents with AG-UI\",\"fill\":true,\"sizes\":\"(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw\",\"className\":\"object-cover\"}]}],[\"$\",\"div\",null,{\"className\":\"flex h-full flex-col gap-3 bg-white/50 p-6 pb-5 lg:pb-[30px]\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-col items-start text-gray-800\",\"children\":[[\"$\",\"span\",null,{\"children\":[\"Bonnie\",\" \",\"and Nathan Tarbert\"]}],[\"$\",\"span\",null,{\"children\":\"November 11, 2025\"}]]}],[\"$\",\"span\",null,{\"className\":\"text-lg leading-[20px] font-medium text-gray-1000 lg:text-xl lg:leading-[24px]\",\"children\":\"Build a Frontend for your Microsoft Agent Framework Agents with AG-UI\"}],[\"$\",\"span\",null,{\"className\":\"line-clamp-3 min-h-[66px] text-sm leading-[22px] font-medium text-gray-800\",\"children\":\"In this guide, you will learn how to build a frontend for your Microsoft Agent Framework Agents using AG-UI Protocol and CopilotKit. Microsoft Agent Framework will power the AI agents backend, while CopilotKit powers the frontend, and then AG-UI creates a bridge that enables the frontend to communicate with the backend.\"}]]}]]}],[\"$\",\"$L17\",\"6904fc27a0e3d6f14b443bd1\",{\"href\":\"/blog/ag-ui-goes-mobile-the-kotlin-sdk-unlocks-full-agent-connectivity-across-android-ios-and-jvm\",\"className\":\"flex h-full w-full flex-col overflow-hidden rounded-lg border border-white lg:rounded-xl\",\"children\":[[\"$\",\"div\",null,{\"className\":\"relative aspect-[16/10] w-full shrink-0 overflow-hidden\",\"children\":[\"$\",\"$L18\",null,{\"src\":\"https://cdn.sanity.io/images/y3fjfzcd/production/59fd340998061dbbc522cebf5f059cf982ded0a2-1600x900.png\",\"alt\":\"AG-UI Goes Mobile: The Kotlin SDK Unlocks Full Agent Connectivity Across Android, iOS, and JVM\",\"fill\":true,\"sizes\":\"(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw\",\"className\":\"object-cover\"}]}],[\"$\",\"div\",null,{\"className\":\"flex h-full flex-col gap-3 bg-white/50 p-6 pb-5 lg:pb-[30px]\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-col items-start text-gray-800\",\"children\":[[\"$\",\"span\",null,{\"children\":[\"Nathan Tarbert\",\" \",false]}],[\"$\",\"span\",null,{\"children\":\"November 4, 2025\"}]]}],[\"$\",\"span\",null,{\"className\":\"text-lg leading-[20px] font-medium text-gray-1000 lg:text-xl lg:leading-[24px]\",\"children\":\"AG-UI Goes Mobile: The Kotlin SDK Unlocks Full Agent Connectivity Across Android, iOS, and JVM\"}],[\"$\",\"span\",null,{\"className\":\"line-clamp-3 min-h-[66px] text-sm leading-[22px] font-medium text-gray-800\",\"children\":\"Mark Fogle’s recent contribution of the Kotlin SDK to AG-UI is a big step forward: developers can now integrate AG-UI directly into Android, iOS, and JVM environments through a single, unified SDK.This means users can now connect to agents directly from mobile with no custom bridges, wrappers, or per-platform workarounds.\"}]]}]]}],[\"$\",\"$L17\",\"69010d24eb8db54806823db1\",{\"href\":\"/blog/master-the-17-ag-ui-event-types-for-building-agents-the-right-way\",\"className\":\"flex h-full w-full flex-col overflow-hidden rounded-lg border border-white lg:rounded-xl\",\"children\":[[\"$\",\"div\",null,{\"className\":\"relative aspect-[16/10] w-full shrink-0 overflow-hidden\",\"children\":[\"$\",\"$L18\",null,{\"src\":\"https://cdn.sanity.io/images/y3fjfzcd/production/7916d594a7afafc5ca429e3f33b2fe59ea69e9cb-3200x1800.png\",\"alt\":\"Master the 17 AG-UI Event Types for Building Agents the Right Way\",\"fill\":true,\"sizes\":\"(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw\",\"className\":\"object-cover\"}]}],[\"$\",\"div\",null,{\"className\":\"flex h-full flex-col gap-3 bg-white/50 p-6 pb-5 lg:pb-[30px]\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-col items-start text-gray-800\",\"children\":[[\"$\",\"span\",null,{\"children\":[\"Anmol Baranwal\",\" \",\"and Nathan Tarbert\"]}],[\"$\",\"span\",null,{\"children\":\"November 3, 2025\"}]]}],[\"$\",\"span\",null,{\"className\":\"text-lg leading-[20px] font-medium text-gray-1000 lg:text-xl lg:leading-[24px]\",\"children\":\"Master the 17 AG-UI Event Types for Building Agents the Right Way\"}],[\"$\",\"span\",null,{\"className\":\"line-clamp-3 min-h-[66px] text-sm leading-[22px] font-medium text-gray-800\",\"children\":\"Agent-User Interaction Protocol (AG-UI) is quickly becoming the standard for connecting agents with user interfaces. It gives you a clean event stream to keep the UI in sync with what the agent is doing. All the communication is broken into typed events. I have been digging into the Protocol, especially around those core event types, to understand how everything fits together. Here’s what I picked up and why it matters.\"}]]}]]}],[\"$\",\"$L17\",\"68f256ec36594cf60016a9bc\",{\"href\":\"/blog/ag-ui-is-redefining-the-agent-user-interaction-layer\",\"className\":\"flex h-full w-full flex-col overflow-hidden rounded-lg border border-white lg:rounded-xl\",\"children\":[[\"$\",\"div\",null,{\"className\":\"relative aspect-[16/10] w-full shrink-0 overflow-hidden\",\"children\":[\"$\",\"$L18\",null,{\"src\":\"https://cdn.sanity.io/images/y3fjfzcd/production/598da2bf70270b1869ea878d9eda86ebc1994eb1-3200x2080.png\",\"alt\":\"AG-UI Is Redefining the Agent–User Interaction Layer\",\"fill\":true,\"sizes\":\"(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw\",\"className\":\"object-cover\"}]}],[\"$\",\"div\",null,{\"className\":\"flex h-full flex-col gap-3 bg-white/50 p-6 pb-5 lg:pb-[30px]\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-col items-start text-gray-800\",\"children\":[[\"$\",\"span\",null,{\"children\":[\"Nathan Tarbert\",\" \",false]}],[\"$\",\"span\",null,{\"children\":\"October 30, 2025\"}]]}],[\"$\",\"span\",null,{\"className\":\"text-lg leading-[20px] font-medium text-gray-1000 lg:text-xl lg:leading-[24px]\",\"children\":\"AG-UI Is Redefining the Agent–User Interaction Layer\"}],[\"$\",\"span\",null,{\"className\":\"line-clamp-3 min-h-[66px] text-sm leading-[22px] font-medium text-gray-800\",\"children\":\"The AG-UI Protocol continues to surge — and with it, a new standard is forming across the agentic landscape.AG-UI isn’t just another SDK. It’s the open protocol for agent-user communication, enabling real-time collaboration between humans and agents across any app, platform, or framework. What started as a developer-driven initiative inside the CopilotKit ecosystem has grown into an open-source movement — now being adopted, extended, and accelerated by leaders across the industry.\"}]]}]]}],[\"$\",\"$L17\",\"68d1246e39b643fc94b35642\",{\"href\":\"/blog/build-full-stack-ai-shopping-assistant-with-crewai-and-tavily\",\"className\":\"flex h-full w-full flex-col overflow-hidden rounded-lg border border-white lg:rounded-xl\",\"children\":[[\"$\",\"div\",null,{\"className\":\"relative aspect-[16/10] w-full shrink-0 overflow-hidden\",\"children\":[\"$\",\"$L18\",null,{\"src\":\"https://cdn.sanity.io/images/y3fjfzcd/production/c4dd9ce83408fce968dbb215c1214fba3671dd87-1600x1040.png\",\"alt\":\"Building a Full-Stack AI Shopping Assistant with CrewAI and Tavily\",\"fill\":true,\"sizes\":\"(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw\",\"className\":\"object-cover\"}]}],[\"$\",\"div\",null,{\"className\":\"flex h-full flex-col gap-3 bg-white/50 p-6 pb-5 lg:pb-[30px]\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-col items-start text-gray-800\",\"children\":[[\"$\",\"span\",null,{\"children\":[\"Bonnie\",\" \",\"and Eli Berman\"]}],[\"$\",\"span\",null,{\"children\":\"October 23, 2025\"}]]}],[\"$\",\"span\",null,{\"className\":\"text-lg leading-[20px] font-medium text-gray-1000 lg:text-xl lg:leading-[24px]\",\"children\":\"Building a Full-Stack AI Shopping Assistant with CrewAI and Tavily\"}],[\"$\",\"span\",null,{\"className\":\"line-clamp-3 min-h-[66px] text-sm leading-[22px] font-medium text-gray-800\",\"children\":\"In this guide, you will learn how to build a full-stack AI shopping assistant using CrewAI Flows, paired with the Tavily Search API in the backend. We'll then walk through adding a frontend to the shopping agent using CopilotKit to interact with it. The AI shopping assistant will be able to search products on commerce platforms such as Amazon, Target, or eBay- extract structured product data and provide tailored product recommendations.\"}]]}]]}],[\"$\",\"$L17\",\"68e00bc717d3a674eaa70b73\",{\"href\":\"/blog/build-a-stock-portfolio-ai-agent-fullstack-pydantic-ai-ag-ui\",\"className\":\"flex h-full w-full flex-col overflow-hidden rounded-lg border border-white lg:rounded-xl\",\"children\":[[\"$\",\"div\",null,{\"className\":\"relative aspect-[16/10] w-full shrink-0 overflow-hidden\",\"children\":[\"$\",\"$L18\",null,{\"src\":\"https://cdn.sanity.io/images/y3fjfzcd/production/2252fd7c8b53049fc5df59fa0a2a7feb5530faa8-1600x1040.png\",\"alt\":\"Build a Stock Portfolio AI Agent (Fullstack, Pydantic AI + AG-UI)\",\"fill\":true,\"sizes\":\"(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw\",\"className\":\"object-cover\"}]}],[\"$\",\"div\",null,{\"className\":\"flex h-full flex-col gap-3 bg-white/50 p-6 pb-5 lg:pb-[30px]\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-col items-start text-gray-800\",\"children\":[[\"$\",\"span\",null,{\"children\":[\"Bonnie\",\" \",\"and Nathan Tarbert\"]}],[\"$\",\"span\",null,{\"children\":\"October 3, 2025\"}]]}],[\"$\",\"span\",null,{\"className\":\"text-lg leading-[20px] font-medium text-gray-1000 lg:text-xl lg:leading-[24px]\",\"children\":\"Build a Stock Portfolio AI Agent (Fullstack, Pydantic AI + AG-UI)\"}],[\"$\",\"span\",null,{\"className\":\"line-clamp-3 min-h-[66px] text-sm leading-[22px] font-medium text-gray-800\",\"children\":\"In this guide, you will learn how to build fullstack AI agents with Pydantic AI with the AG-UI protocol. Also, we will c
28over how to integrate the AG-UI + Pydantic AI agents with CopilotKit to chat with the agent and stream its responses in the frontend.\"}]]}]]}],[\"$\",\"$L17\",\"68d4093470ce8673636ce30b\",{\"href\":\"/blog/build-a-frontend-for-your-adk-agents-with-ag-ui\",\"className\":\"flex h-full w-full flex-col overflow-hidden rounded-lg border border-white lg:rounded-xl\",\"children\":[[\"$\",\"div\",null,{\"className\":\"relative aspect-[16/10] w-full shrink-0 overflow-hidden\",\"children\":[\"$\",\"$L18\",null,{\"src\":\"https://cdn.sanity.io/images/y3fjfzcd/production/15e4cf567c2fb7ee00c97b4e003b09b2b322a375-1600x1040.png\",\"alt\":\"Build a Frontend for your ADK Agents with AG-UI\",\"fill\":true,\"sizes\":\"(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw\",\"className\":\"object-cover\"}]}],[\"$\",\"div\",null,{\"className\":\"flex h-full flex-col gap-3 bg-white/50 p-6 pb-5 lg:pb-[30px]\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-col items-start text-gray-800\",\"children\":[[\"$\",\"span\",null,{\"children\":[\"Bonnie\",\" \",\"and Nathan Tarbert\"]}],[\"$\",\"span\",null,{\"children\":\"September 25, 2025\"}]]}],[\"$\",\"span\",null,{\"className\":\"text-lg leading-[20px] font-medium text-gray-1000 lg:text-xl lg:leading-[24px]\",\"children\":\"Build a Frontend for your ADK Agents with AG-UI\"}],[\"$\",\"span\",null,{\"className\":\"line-clamp-3 min-h-[66px] text-sm leading-[22px] font-medium text-gray-800\",\"children\":\"n this guide, you will learn how to build a frontend for your Agent Development Kit (ADK) Agents using AG-UI Protocol and CopilotKit. ADK will power the AI agents backend, while CopilotKit powers the frontend, and then AG-UI creates a bridge that enables the frontend to communicate with the backend.\"}]]}]]}],[\"$\",\"$L17\",\"68d17eaf24940e80d48a61a3\",{\"href\":\"/blog/heres-how-to-build-fullstack-agent-apps-gemini-copilotkit-langgraph\",\"className\":\"flex h-full w-full flex-col overflow-hidden rounded-lg border border-white lg:rounded-xl\",\"children\":[[\"$\",\"div\",null,{\"className\":\"relative aspect-[16/10] w-full shrink-0 overflow-hidden\",\"children\":[\"$\",\"$L18\",null,{\"src\":\"https://cdn.sanity.io/images/y3fjfzcd/production/f0ae6407809a57e1711a97dea22b6dbb0b3299fa-1600x1040.png\",\"alt\":\"Here's How To Build Fullstack Agent Apps (Gemini, CopilotKit \u0026 LangGraph)\",\"fill\":true,\"sizes\":\"(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw\",\"className\":\"object-cover\"}]}],[\"$\",\"div\",null,{\"className\":\"flex h-full flex-col gap-3 bg-white/50 p-6 pb-5 lg:pb-[30px]\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-col items-start text-gray-800\",\"children\":[[\"$\",\"span\",null,{\"children\":[\"Anmol Baranwal\",\" \",\"and Nathan Tarbert\"]}],[\"$\",\"span\",null,{\"children\":\"September 23, 2025\"}]]}],[\"$\",\"span\",null,{\"className\":\"text-lg leading-[20px] font-medium text-gray-1000 lg:text-xl lg:leading-[24px]\",\"children\":\"Here's How To Build Fullstack Agent Apps (Gemini, CopilotKit \u0026 LangGraph)\"}],[\"$\",\"span\",null,{\"className\":\"line-clamp-3 min-h-[66px] text-sm leading-[22px] font-medium text-gray-800\",\"children\":\"AI agents are getting close to real world applications, but most developers still find it complex to build one. So we are going to build two practical agents: Post Generator that drafts LinkedIn/X content using live web search \u0026 Stack Analyzer that inspects GitHub repos and creates structured reports. We will be using Next.js frontend, FastAPI backend, CopilotKit, LangGraph workflows, and Google Gemini. You will find architecture, concepts, prompts, and practical stuff.\"}]]}]]}],[\"$\",\"$L17\",\"682f7ae3a6ff3616d930a2a4\",{\"href\":\"/blog/building-a-rag-powered-e-commerce-platform-langgraph-mongodb-copilotkit\",\"className\":\"flex h-full w-full flex-col overflow-hidden rounded-lg border border-white lg:rounded-xl\",\"children\":[[\"$\",\"div\",null,{\"className\":\"relative aspect-[16/10] w-full shrink-0 overflow-hidden\",\"children\":[\"$\",\"$L18\",null,{\"src\":\"https://cdn.sanity.io/images/y3fjfzcd/production/5063e16761211934b738c6a47d095cbadcf67567-750x488.heif\",\"alt\":\"Building a RAG-powered E-commerce Platform (LangGraph + MongoDB + CopilotKit)\",\"fill\":true,\"sizes\":\"(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw\",\"className\":\"object-cover\"}]}],[\"$\",\"div\",null,{\"className\":\"flex h-full flex-col gap-3 bg-white/50 p-6 pb-5 lg:pb-[30px]\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-col items-start text-gray-800\",\"children\":[[\"$\",\"span\",null,{\"children\":[\"Bonnie\",\" \",\"and Nathan Tarbert\"]}],[\"$\",\"span\",null,{\"children\":\"September 22, 2025\"}]]}],[\"$\",\"span\",null,{\"className\":\"text-lg leading-[20px] font-medium text-gray-1000 lg:text-xl lg:leading-[24px]\",\"children\":\"Building a RAG-powered E-commerce Platform (LangGraph + MongoDB + CopilotKit)\"}],[\"$\",\"span\",null,{\"className\":\"line-clamp-3 min-h-[66px] text-sm leading-[22px] font-medium text-gray-800\",\"children\":\"In this guide, you will learn how to build a RAG(Retrieval-Augmented Generation)-powered e-commerce platform using LangGraph, MongoDB Vector Search, and CopilotKit. The e-commerce platform helps users find products and get tailored product recommendations using LLMs.\"}]]}]]}],[\"$\",\"$L17\",\"68b06ddbe7ad6735c500d940\",{\"href\":\"/blog/building-fullstack-apps-with-real-time-data-copilotkit-tavily\",\"className\":\"flex h-full w-full flex-col overflow-hidden rounded-lg border border-white lg:rounded-xl\",\"children\":[[\"$\",\"div\",null,{\"className\":\"relative aspect-[16/10] w-full shrink-0 overflow-hidden\",\"children\":[\"$\",\"$L18\",null,{\"src\":\"https://cdn.sanity.io/images/y3fjfzcd/production/21a31839dc7c6321c12566d2739b6b277ef5c70a-800x800.png\",\"alt\":\"Building Fullstack Agentic Apps with Realtime Data: CopilotKit + Tavily\",\"fill\":true,\"sizes\":\"(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw\",\"className\":\"object-cover\"}]}],[\"$\",\"div\",null,{\"className\":\"flex h-full flex-col gap-3 bg-white/50 p-6 pb-5 lg:pb-[30px]\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-col items-start text-gray-800\",\"children\":[[\"$\",\"span\",null,{\"children\":[\"Nathan Tarbert\",\" \",false]}],[\"$\",\"span\",null,{\"children\":\"September 18, 2025\"}]]}],[\"$\",\"span\",null,{\"className\":\"text-lg leading-[20px] font-medium text-gray-1000 lg:text-xl lg:leading-[24px]\",\"children\":\"Building Fullstack Agentic Apps with Realtime Data: CopilotKit + Tavily\"}],[\"$\",\"span\",null,{\"className\":\"line-clamp-3 min-h-[66px] text-sm leading-[22px] font-medium text-gray-800\",\"children\":\"Today, we are announcing the CopilotKit+Tavily partnership. Let's dive into why this makes so much sense.\"}]]}]]}],[\"$\",\"$L17\",\"68cc199eea334392c4ab1938\",{\"href\":\"/blog/how-copilotkit-mastra-enable-real-time-agent-interaction\",\"className\":\"flex h-full w-full flex-col overflow-hidden rounded-lg border border-white lg:rounded-xl\",\"children\":[[\"$\",\"div\",null,{\"className\":\"relative aspect-[16/10] w-full shrink-0 overflow-hidden\",\"children\":[\"$\",\"$L18\",null,{\"src\":\"https://cdn.sanity.io/images/y3fjfzcd/production/784675c514e88f5e49d5e2c5c67683dd3deb179a-800x800.png\",\"alt\":\"How CopilotKit + Mastra Enable Real-Time Agent Interaction\",\"fill\":true,\"sizes\":\"(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw\",\"className\":\"object-cover\"}]}],[\"$\",\"div\",null,{\"className\":\"flex h-full flex-col gap-3 bg-white/50 p-6 pb-5 lg:pb-[30px]\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-col items-start text-gray-800\",\"children\":[[\"$\",\"span\",null,{\"children\":[\"Nathan Tarbert\",\" \",false]}],[\"$\",\"span\",null,{\"children\":\"September 18, 2025\"}]]}],[\"$\",\"span\",null,{\"className\":\"text-lg leading-[20px] font-medium text-gray-1000 lg:text-xl lg:leading-[24px]\",\"children\":\"How CopilotKit + Mastra Enable Real-Time Agent Interaction\"}],[\"$\",\"span\",null,{\"className\":\"line-clamp-3 min-h-[66px] text-sm leading-[22px] font-medium text-gray-800\",\"children\":\"Today, we are pleased to announce our partnership: CopilotKit 🤝 Mastra.\"}]]}]]}],[\"$\",\"$L17\",\"68b0252065987b5002bfe15a\",{\"href\":\"/blog/the-three-kinds-of-generative-ui\",\"className\":\"flex h-full w-full flex-col overflow-hidden rounded-lg border border-white lg:rounded-xl\",\"children\":[[\"$\",\"div\",null,{\"className\":\"relative aspect-[16/10] w-full shrink-0 overflow-hidden\",\"children\":[\"$\",\"$L18\",null,{\"src\":\"https://cdn.sanity.io/images/y3fjfzcd/production/50ad01589ad0f43217ec82a3530916da6822c253-1600x1040.png\",\"alt\":\"The Three Types of Generative UI: Static, Declarative and Fully Generated\",\"fill\":true,\"sizes\":\"(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw\",\"className\":\"object-cover\"}]}],[\"$\",\"div\",null,{\"className\":\"flex h-full flex-col gap-3 bg-white/50 p-6 pb-5 lg:pb-[30px]\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-col items-start text-gray-800\",\"children\":[[\"$\",\"span\",null,{\"children\":[\"Eli Berman\",\" \",false]}],[\"$\",\"span\",null,{\"children\":\"September 12, 2025\"}]]}],[\"$\",\"span\",null,{\"className\":\"text-lg leading-[20px] font-medium text-gray-1000 lg:text-xl lg:leading-[24px]\",\"children\":\"The Three Types of Generative UI: Static, Declarative and Fully Generated\"}],[\"$\",\"span\",null,{\"className\":\"line-clamp-3 min-h-[66px] text-sm leading-[22px] font-medium text-gray-800\",\"children\":\"A practical breakdown for building reliable AI‑driven interfaces: when to use each, examples, and reality checks. Generative UI has been hyped as the future of how we’ll build software interfaces, but most of the conversation is still fuzzy. Should you let a model write your entire UI? Or lock it down with strict components? In reality, there are three clear approaches that fall along a spectrum of flexibility vs. control. This blog unpacks each one with examples, pros and cons, and some practical guidance on when to use which.\"}]]}]]}],[\"$\",\"$L17\",\"68c16b1a7c955eb45a0f794b\",{\"href\":\"/blog/introducing-the-ag-ui-dojo\",\"className\":\"flex h-full w-full flex-col overflow-hidden rounded-lg border border-white lg:rounded-xl\",\"children\":[[\"$\",\"div\",null,{\"className\":\"relative aspect-[16/10] w-full shrink-0 overflow-hidden\",\"children\":[\"$\",\"$L18\",null,{\"src\":\"https://cdn.sanity.io/images/y3fjfzcd/production/c7e395fa0a82015ca8eb851972ffb77126236c89-3200x2080.png\",\"alt\":\"Introducing the AG-UI Dojo: A Learning Tool to Help You Ship Faster\",\"fill\":true,\"sizes\":\"(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw\",\"className\":\"object-cover\"}]}],[\"$\",\"div\",null,{\"className\":\"flex h-full flex-col gap-3 bg-white/50 p-6 pb-5 lg:pb-[30px]\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-col items-start text-gray-800\",\"children\":[[\"$\",\"span\",null,{\"children\":[\"Nathan Tarbert\",\" \",\"and Eli Berman\"]}],[\"$\",\"span\",null,{\"children\":\"September 10, 2025\"}]]}],[\"$\",\"span\",null,{\"className\":\"text-lg leading-[20px] font-medium text-gray-1000 lg:text-xl lg:leading-[24px]\",\"children\":\"Introducing the AG-UI Dojo: A Learning Tool to Help You Ship Faster\"}],[\"$\",\"span\",null,{\"className\":\"line-clamp-3 min-h-[66px] text-sm leading-[22px] font-medium text-gray-800\",\"children\":\"Building AI agent frontends? You've probably hit the usual roadblocks-streaming updates that break, state bugs that make no sense, tool calls that require way too much setup. The AG-UI Dojo fixes that problem. It's a collection of working examples you can actually visualize and use.\"}]]}]]}],[\"$\",\"$L17\",\"68b99c5a88708bd69bbe122a\",{\"href\":\"/blog/introducing-the-ag-ui-protocol-cli\",\"className\":\"flex h-full w-full flex-col overflow-hidden rounded-lg border border-white lg:rounded-xl\",\"children\":[[\"$\",\"div\",null,{\"className\":\"relative aspect-[16/10] w-full shrink-0 overflow-hidden\",\"children\":[\"$\",\"$L18\",null,{\"src\":\"https://cdn.sanity.io/images/y3fjfzcd/production/99255522057f817b7483a17307b4edb9f1524c6f-1600x1040.png\",\"alt\":\"Introducing the AG-UI Protocol CLI\",\"fill\":true,\"sizes\":\"(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw\",\"className\":\"object-cover\"}]}],[\"$\",\"div\",null,{\"className\":\"flex h-full flex-col gap-3 bg-white/50 p-6 pb-5 lg:pb-[30px]\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-col items-start text-gray-800\",\"children\":[[\"$\",\"span\",null,{\"children\":[\"Nathan Tarbert\",\" \",false]}],[\"$\",\"span\",null,{\"children\":\"September 4, 2025\"}]]}],[\"$\",\"span\",null,{\"className\":\"text-lg leading-[20px] font-medium text-gray-1000 lg:text-xl lg:leading-[24px]\",\"children\":\"Introducing the AG-UI Protocol CLI\"}],[\"$\",\"span\",null,{\"className\":\"line-clamp-3 min-h-[66px] text-sm leading-[22px] font-medium text-gray-800\",\"children\":\"Building agentic applications just got a whole lot easier. We’re excited to release the AG-UI protocol CLI flow- the quickest and easiest way to get started with AG-UI in under two minutes.\"}]]}]]}],[\"$\",\"$L17\",\"68a72a2c7ab7c5f844ef18e1\",{\"href\":\"/blog/case-study-improving-the-vibecodability-of-copilotkit\",\"className\":\"flex h-full w-full flex-col overflow-hidden rounded-lg border border-white lg:rounded-xl\",\"children\":[[\"$\",\"div\",null,{\"className\":\"relative aspect-[16/10] w-full shrink-0 overflow-hidden\",\"children\":[\"$\",\"$L18\",null,{\"src\":\"https://cdn.sanity.io/images/y3fjfzcd/production/f04b2b28497b16159bad6bb4add60e0a271b2d65-1601x1041.png\",\"alt\":\"Case Study: Improving the “Vibecodability” of CopilotKit\",\"fill\":true,\"sizes\":\"(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw\",\"className\":\"object-cover\"}]}],[\"$\",\"div\",null,{\"className\":\"flex h-full flex-col gap-3 bg-white/50 p-6 pb-5 lg:pb-[30px]\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-col items-start text-gray-800\",\"children\":[[\"$\",\"span\",null,{\"children\":[\"Itay Shemer\",\" \",\"and Eli Berman\"]}],[\"$\",\"span\",null,{\"children\":\"August 22, 2025\"}]]}],[\"$\",\"span\",null,{\"className\":\"text-lg leading-[20px] font-medium text-gray-1000 lg:text-xl lg:leading-[24px]\",\"children\":\"Case Study: Improving the “Vibecodability” of CopilotKit\"}],[\"$\",\"span\",null,{\"className\":\"line-clamp-3 min-h-[66px] text-sm leading-[22px] font-medium text-gray-800\",\"children\":\"Outcomes: Faster, More Accurate Integrations • 66% faster integrations\\nThe CopilotKit Expert MCP enabled a working, streaming AI agent frontend in a single shot, cutting LLM calls by two-thirds. We tested each approach by asking Cursor to create a CopilotKit UI, integrate it to a backend, and connect it to other components in an example application.\"}]]}]]}],[\"$\",\"$L17\",\"68a8a5e569f8fa1f473f1534\",{\"href\":\"/blog/build-your-own-ai-stock-portfolio-agent-with-agno-ag-ui\",\"className\":\"flex h-full w-full flex-col overflow-hidden rounded-lg border border-white lg:rounded-xl\",\"children\":[[\"$\",\"div\",null,{\"className\":\"relative aspect-[16/10] w-full shrink-0 overflow-hidden\",\"children\":[\"$\",\"$L18\",null,{\"src\":\"https://cdn.sanity.io/images/y3fjfzcd/production/2b04441fafa4224bbcd561ad9752ddbd6c6bf862-1601x1041.png\",\"alt\":\"Build Your Own AI Stock Portfolio Agent with Agno + AG-UI\",\"fill\":true,\"sizes\":\"(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw\",\"className\":\"object-cover\"}]}],[\"$\",\"div\",null,{\"className\":\"flex h-full flex-col gap-3 bg-white/50 p-6 pb-5 lg:pb-[30px]\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-col items-start text-gray-800\",\"children\":[[\"$\",\"span\",null,{\"children\":[\"Bonnie\",\" \",\"and Nathan Tarbert\"]}],[\"$\",\"span\",null,{\"children\":\"August 22, 2025\"}]]}],[\"$\",\"span\",null,{\"className\":\"text-lg leading-[20px] font-medium text-gray-1000 lg:text-xl lg:leading-[24px]\",\"children\":\"Build Your Own AI Stock Portfolio Agent with Agno + AG-UI\"}],[\"$\",\"span\",null,{\"className\":\"line-clamp-3 min-h-[66px] text-sm leading-[22px] font-medium text-gray-800\",\"children\":\"In
28 this guide, you will learn how to integrate Agno agents with the AG-UI protocol. Additionally, we will cover how to integrate the AG-UI and Agno agents with CopilotKit, allowing users to chat with the agent and stream its responses in the frontend.\"}]]}]]}],[\"$\",\"$L17\",\"68a722cd9e5e2bf1ac041f6c\",{\"href\":\"/blog/announcing-copilotkit-mcp-client-vibe-coding-server\",\"className\":\"flex h-full w-full flex-col overflow-hidden rounded-lg border border-white lg:rounded-xl\",\"children\":[[\"$\",\"div\",null,{\"className\":\"relative aspect-[16/10] w-full shrink-0 overflow-hidden\",\"children\":[\"$\",\"$L18\",null,{\"src\":\"https://cdn.sanity.io/images/y3fjfzcd/production/9743d459306ac923fe7c4e7044ea72a30b157963-1600x1040.png\",\"alt\":\"Introducing the Vibe Coding Server + CopilotKit MCP Client\",\"fill\":true,\"sizes\":\"(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw\",\"className\":\"object-cover\"}]}],[\"$\",\"div\",null,{\"className\":\"flex h-full flex-col gap-3 bg-white/50 p-6 pb-5 lg:pb-[30px]\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-col items-start text-gray-800\",\"children\":[[\"$\",\"span\",null,{\"children\":[\"Eli Berman\",\" \",\"and Nathan Tarbert\"]}],[\"$\",\"span\",null,{\"children\":\"August 21, 2025\"}]]}],[\"$\",\"span\",null,{\"className\":\"text-lg leading-[20px] font-medium text-gray-1000 lg:text-xl lg:leading-[24px]\",\"children\":\"Introducing the Vibe Coding Server + CopilotKit MCP Client\"}],[\"$\",\"span\",null,{\"className\":\"line-clamp-3 min-h-[66px] text-sm leading-[22px] font-medium text-gray-800\",\"children\":\"Making it easier than ever to build agent-ready frontends (and vibe code with your coding agents). We’re excited to share a major update in CopilotKit’s MCP ecosystem: We’ve rebuilt the Open MCP Client and added a new Vibe Coding Server (optimized by Tadata). With these releases, developers can both connect their copilots to MCP servers seamlessly and give coding agents structured, reliable access to CopilotKit docs and examples, eliminating boilerplate, hallucinations, and friction.\"}]]}]]}],[\"$\",\"$L17\",\"689ba65bb40b1fa504397966\",{\"href\":\"/blog/build-a-fullstack-stock-portfolio-agent-with-llamaindex-and-ag-ui\",\"className\":\"flex h-full w-full flex-col overflow-hidden rounded-lg border border-white lg:rounded-xl\",\"children\":[[\"$\",\"div\",null,{\"className\":\"relative aspect-[16/10] w-full shrink-0 overflow-hidden\",\"children\":[\"$\",\"$L18\",null,{\"src\":\"https://cdn.sanity.io/images/y3fjfzcd/production/d68295b60eb958cedc1fe4693bbee3aab1c7f350-1601x1041.png\",\"alt\":\"Build a Fullstack Stock Portfolio Agent with LlamaIndex and AG-UI\",\"fill\":true,\"sizes\":\"(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw\",\"className\":\"object-cover\"}]}],[\"$\",\"div\",null,{\"className\":\"flex h-full flex-col gap-3 bg-white/50 p-6 pb-5 lg:pb-[30px]\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-col items-start text-gray-800\",\"children\":[[\"$\",\"span\",null,{\"children\":[\"Bonnie\",\" \",\"and Nathan Tarbert\"]}],[\"$\",\"span\",null,{\"children\":\"August 13, 2025\"}]]}],[\"$\",\"span\",null,{\"className\":\"text-lg leading-[20px] font-medium text-gray-1000 lg:text-xl lg:leading-[24px]\",\"children\":\"Build a Fullstack Stock Portfolio Agent with LlamaIndex and AG-UI\"}],[\"$\",\"span\",null,{\"className\":\"line-clamp-3 min-h-[66px] text-sm leading-[22px] font-medium text-gray-800\",\"children\":\"In this guide, you will learn how to integrate LlamaIndex agents with the AG-UI protocol. Also, we will cover how to integrate the AG-UI + LlamaIndex agents with CopilotKit in order to chat with the agent and stream its responses to the frontend.\"}]]}]]}],[\"$\",\"$L17\",\"68964c00aba4a483cd80ffbf\",{\"href\":\"/blog/build-a-fullstack-stock-portfolio-agent-with-crewai-and-ag-ui\",\"className\":\"flex h-full w-full flex-col overflow-hidden rounded-lg border border-white lg:rounded-xl\",\"children\":[[\"$\",\"div\",null,{\"className\":\"relative aspect-[16/10] w-full shrink-0 overflow-hidden\",\"children\":[\"$\",\"$L18\",null,{\"src\":\"https://cdn.sanity.io/images/y3fjfzcd/production/503ecc3e56f177f7bd3f4704a42d827aa2fc202b-1601x1041.png\",\"alt\":\"Build a Fullstack Stock Portfolio Agent with CrewAI and AG-UI\",\"fill\":true,\"sizes\":\"(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw\",\"className\":\"object-cover\"}]}],[\"$\",\"div\",null,{\"className\":\"flex h-full flex-col gap-3 bg-white/50 p-6 pb-5 lg:pb-[30px]\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-col items-start text-gray-800\",\"children\":[[\"$\",\"span\",null,{\"children\":[\"Bonnie\",\" \",\"and Nathan Tarbert\"]}],[\"$\",\"span\",null,{\"children\":\"August 8, 2025\"}]]}],[\"$\",\"span\",null,{\"className\":\"text-lg leading-[20px] font-medium text-gray-1000 lg:text-xl lg:leading-[24px]\",\"children\":\"Build a Fullstack Stock Portfolio Agent with CrewAI and AG-UI\"}],[\"$\",\"span\",null,{\"className\":\"line-clamp-3 min-h-[66px] text-sm leading-[22px] font-medium text-gray-800\",\"children\":\"In this guide, you will learn how to integrate CrewAI agents with AG-UI protocol. Also, we will c
28over how to integrate the AG-UI + CrewAI agents with CopilotKit in order to chat with the agent and stream its responses in the frontend.\"}]]}]]}],[\"$\",\"$L17\",\"6894bb1b5e3c0f156c7a9a4f\",{\"href\":\"/blog/intro-to-ai-agents\",\"className\":\"flex h-full w-full flex-col overflow-hidden rounded-lg border border-white lg:rounded-xl\",\"children\":[[\"$\",\"div\",null,{\"className\":\"relative aspect-[16/10] w-full shrink-0 overflow-hidden\",\"children\":[\"$\",\"$L18\",null,{\"src\":\"https://cdn.sanity.io/images/y3fjfzcd/production/017395c9f1c1dc928c319b4f9d81a96a7d882f4d-1601x1041.png\",\"alt\":\"Intro to AI Agents\",\"fill\":true,\"sizes\":\"(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw\",\"className\":\"object-cover\"}]}],[\"$\",\"div\",null,{\"className\":\"flex h-full flex-col gap-3 bg-white/50 p-6 pb-5 lg:pb-[30px]\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-col items-start text-gray-800\",\"children\":[[\"$\",\"span\",null,{\"children\":[\"Eli Berman\",\" \",\"and Nathan Tarbert\"]}],[\"$\",\"span\",null,{\"children\":\"August 7, 2025\"}]]}],[\"$\",\"span\",null,{\"className\":\"text-lg leading-[20px] font-medium text-gray-1000 lg:text-xl lg:leading-[24px]\",\"children\":\"Intro to AI Agents\"}],[\"$\",\"span\",null,{\"className\":\"line-clamp-3 min-h-[66px] text-sm leading-[22px] font-medium text-gray-800\",\"children\":\"A useful guide for those navigating the AI agent ecosystem. The Agent ecosystem can feel like alphabet soup (RAG, MCP, A2A, AG-UI, LangGraph, Tavily…). We've put together this guide for those trying to get into the ecosystem. \"}]]}]]}],[\"$\",\"$L17\",\"6890fc0bbb119041430c1af3\",{\"href\":\"/blog/the-best-ai-agent-resources-you-should-know\",\"className\":\"flex h-full w-full flex-col overflow-hidden rounded-lg border border-white lg:rounded-xl\",\"children\":[[\"$\",\"div\",null,{\"className\":\"relative aspect-[16/10] w-full shrink-0 overflow-hidden\",\"children\":[\"$\",\"$L18\",null,{\"src\":\"https://cdn.sanity.io/images/y3fjfzcd/production/1f7c13bcd815f4e565d24f35b368456c13566ead-1601x1041.png\",\"alt\":\"The Best AI Agent Resources You Should Know in 2025\",\"fill\":true,\"sizes\":\"(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw\",\"className\":\"object-cover\"}]}],[\"$\",\"div\",null,{\"className\":\"flex h-full flex-col gap-3 bg-white/50 p-6 pb-5 lg:pb-[30px]\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-col items-start text-gray-800\",\"children\":[[\"$\",\"span\",null,{\"children\":[\"Anmol Baranwal\",\" \",false]}],[\"$\",\"span\",null,{\"children\":\"August 4, 2025\"}]]}],[\"$\",\"span\",null,{\"className\":\"text-lg leading-[20px] font-medium text-gray-1000 lg:text-xl lg:leading-[24px]\",\"children\":\"The Best AI Agent Resources You Should Know in 2025\"}],[\"$\",\"span\",null,{\"className\":\"line-clamp-3 min-h-[66px] text-sm leading-[22px] font-medium text-gray-800\",\"children\":\"Most AI Agents used to break the moment you tried plugging them into a real app. The issue was the lack of shared protocols. But that’s changing fast. Over the past year, protocols like AG-UI (user interaction), A2A (agent-to-agent communication), and MCP (for tool access) have changed the ecosystem. So I took the chance to learn these protocols and understand how everything fits together. This post covers everything I picked up about protocols (AG-UI, ACP, A2A, MCP). You will also find a collection of the best educational repos for learning \u0026 building AI Agents. This list will give you the foundations and tools you need.\"}]]}]]}],[\"$\",\"$L17\",\"68910548f3b0085d006d0c5d\",{\"href\":\"/blog/what-i-learned-building-with-ai-agents-10-hard-earned-lessons-for-developers\",\"className\":\"flex h-full w-full flex-col overflow-hidden rounded-lg border border-white lg:rounded-xl\",\"children\":[[\"$\",\"div\",null,{\"className\":\"relative aspect-[16/10] w-full shrink-0 overflow-hidden\",\"children\":[\"$\",\"$L18\",null,{\"src\":\"https://cdn.sanity.io/images/y3fjfzcd/production/078fd1f665bd83e1602c326ffaee8528f04b997f-1601x1041.png\",\"alt\":\"What I Learned Building with AI Agents: 10 Hard-Earned Lessons for Developers\",\"fill\":true,\"sizes\":\"(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw\",\"className\":\"object-cover\"}]}],[\"$\",\"div\",null,{\"className\":\"flex h-full flex-col gap-3 bg-white/50 p-6 pb-5 lg:pb-[30px]\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-col items-start text-gray-800\",\"children\":[[\"$\",\"span\",null,{\"children\":[\"Nathan Tarbert\",\" \",false]}],[\"$\",\"span\",null,{\"children\":\"August 4, 2025\"}]]}],[\"$\",\"span\",null,{\"className\":\"text-lg leading-[20px] font-medium text-gray-1000 lg:text-xl lg:leading-[24px]\",\"children\":\"What I Learned Building with AI Agents: 10 Hard-Earned Lessons for Developers\"}],[\"$\",\"span\",null,{\"className\":\"line-clamp-3 min-h-[66px] text-sm leading-[22px] font-medium text-gray-800\",\"children\":\"Building AI-driven agents has been a trial by fire. As a developer, I’ve faced busted demos, odd bugs, and “oh no” moments that taught me more than any success did. That’s why I wanted to put together a list of 10 hard-earned lessons from the trenches of developing AI agents – hopefully, they s
28ave you some headaches.\"}]]}]]}],[\"$\",\"$L17\",\"688a70100344cc6c70fd5796\",{\"href\":\"/blog/build-a-fullstack-stock-portfolio-agent-with-langgraph-and-ag-ui\",\"className\":\"flex h-full w-full flex-col overflow-hidden rounded-lg border border-white lg:rounded-xl\",\"children\":[[\"$\",\"div\",null,{\"className\":\"relative aspect-[16/10] w-full shrink-0 overflow-hidden\",\"children\":[\"$\",\"$L18\",null,{\"src\":\"https://cdn.sanity.io/images/y3fjfzcd/production/fbf7f2a80006d5ea30c4a2adc88829ff6f951c09-1601x1041.png\",\"alt\":\"Build a Fullstack Stock Portfolio Agent with LangGraph and AG-UI\",\"fill\":true,\"sizes\":\"(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw\",\"className\":\"object-cover\"}]}],[\"$\",\"div\",null,{\"className\":\"flex h-full flex-col gap-3 bg-white/50 p-6 pb-5 lg:pb-[30px]\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-col items-start text-gray-800\",\"children\":[[\"$\",\"span\",null,{\"children\":[\"Bonnie\",\" \",\"and Nathan Tarbert\"]}],[\"$\",\"span\",null,{\"children\":\"August 1, 2025\"}]]}],[\"$\",\"span\",null,{\"className\":\"text-lg leading-[20px] font-medium text-gray-1000 lg:text-xl lg:leading-[24px]\",\"children\":\"Build a Fullstack Stock Portfolio Agent with LangGraph and AG-UI\"}],[\"$\",\"span\",null,{\"className\":\"line-clamp-3 min-h-[66px] text-sm leading-[22px] font-medium text-gray-800\",\"children\":\"In this guide, you will learn how to integrate a LangGraph agent with the AG-UI protocol. Also, we will cover how to integrate the AG-UI + LangGraph agent with CopilotKit in order to chat with the agent and stream its responses in the frontend.\"}]]}]]}],[\"$\",\"$L17\",\"688a7cb76ba3faadf02247ed\",{\"href\":\"/blog/build-a-full-stack-stock-portfolio-agent-with-mastra-and-ag-ui\",\"className\":\"flex h-full w-full flex-col overflow-hidden rounded-lg border border-white lg:rounded-xl\",\"children\":[[\"$\",\"div\",null,{\"className\":\"relative aspect-[16/10] w-full shrink-0 overflow-hidden\",\"children\":[\"$\",\"$L18\",null,{\"src\":\"https://cdn.sanity.io/images/y3fjfzcd/production/02a7f0c1a34af7890f708c6d1a5b0b77ea2c66dd-1601x1041.png\",\"alt\":\"Build a Full-Stack Stock Portfolio Agent with Mastra and AG-UI\",\"fill\":true,\"sizes\":\"(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw\",\"className\":\"object-cover\"}]}],[\"$\",\"div\",null,{\"className\":\"flex h-full flex-col gap-3 bg-white/50 p-6 pb-5 lg:pb-[30px]\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-col items-start text-gray-800\",\"children\":[[\"$\",\"span\",null,{\"children\":[\"Bonnie\",\" \",\"and Nathan Tarbert\"]}],[\"$\",\"span\",null,{\"children\":\"July 30, 2025\"}]]}],[\"$\",\"span\",null,{\"className\":\"text-lg leading-[20px] font-medium text-gray-1000 lg:text-xl lg:leading-[24px]\",\"children\":\"Build a Full-Stack Stock Portfolio Agent with Mastra and AG-UI\"}],[\"$\",\"span\",null,{\"className\":\"line-clamp-3 min-h-[66px] text-sm leading-[22px] font-medium text-gray-800\",\"children\":\"In this guide, you will learn how to integrate a Mastra AI agent with the AG-UI protocol. Also, we will cover how to integrate the AG-UI + Mastra AI agent with CopilotKit in order to chat with the agent and stream its responses in the frontend.\"}]]}]]}],[\"$\",\"$L17\",\"6880554e8fc95f167c80201b\",{\"href\":\"/blog/introducing-pydantic-ai-integration-with-ag-ui\",\"className\":\"flex h-full w-full flex-col overflow-hidden rounded-lg border border-white lg:rounded-xl\",\"children\":[[\"$\",\"div\",null,{\"className\":\"relative aspect-[16/10] w-full shrink-0 overflow-hidden\",\"children\":[\"$\",\"$L18\",null,{\"src\":\"https://cdn.sanity.io/images/y3fjfzcd/production/1b3e7fe0add324c136988b55b45d75dfc3fb0efc-1601x1041.png\",\"alt\":\"Introducing Pydantic AI Integration with AG-UI\",\"fill\":true,\"sizes\":\"(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw\",\"className\":\"object-cover\"}]}],[\"$\",\"div\",null,{\"className\":\"flex h-full flex-col gap-3 bg-white/50 p-6 pb-5 lg:pb-[30px]\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-col items-start text-gray-800\",\"children\":[[\"$\",\"span\",null,{\"children\":[\"Steven Hartland\",\" \",\"and Nathan Tarbert\"]}],[\"$\",\"span\",null,{\"children\":\"July 23, 2025\"}]]}],[\"$\",\"span\",null,{\"className\":\"text-lg leading-[20px] font-medium text-gray-1000 lg:text-xl lg:leading-[24px]\",\"children\":\"Introducing Pydantic AI Integration with AG-UI\"}],[\"$\",\"span\",null,{\"className\":\"line-clamp-3 min-h-[66px] text-sm leading-[22px] font-medium text-gray-800\",\"children\":\"We’re excited to share that AG‑UI, the open Agent–User Interaction Protocol from CopilotKit, is now natively supported in **Pydantic AI,** thanks to a new integration built by Steven Hartland at Rocket Science, working hand in hand with the Pydantic AI team.\"}]]}]]}],[\"$\",\"$L17\",\"6854105c0f155edc7bc45962\",{\"href\":\"/blog/agent-streams-are-tricky-heres-how-we-got-ours-to-make-sense\",\"className\":\"flex h-full w-full flex-col overflow-hidden rounded-lg border border-white lg:rounded-xl\",\"children\":[[\"$\",\"div\",null,{\"className\":\"relative aspect-[16/10] w-full shrink-0 overflow-hidden\",\"children\":[\"$\",\"$L18\",null,{\"src\":\"https://cdn.sanity.io/images/y3fjfzcd/production/40f903428e80c49fd17d563ab0f29d3ae3343c68-1601x1041.png\",\"alt\":\"Agent Streams Are Tricky, Here’s How We Got Ours to Make Sense\",\"fill\":true,\"sizes\":\"(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw\",\"className\":\"object-cover\"}]}],[\"$\",\"div\",null,{\"className\":\"flex h-full flex-col gap-3 bg-white/50 p-6 pb-5 lg:pb-[30px]\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-col items-start text-gray-800\",\"children\":[[\"$\",\"span\",null,{\"children\":[\"Ran Shem Tov\",\" \",false]}],[\"$\",\"span\",null,{\"children\":\"June 19, 2025\"}]]}],[\"$\",\"span\",null,{\"className\":\"text-lg leading-[20px] font-medium text-gray-1000 lg:text-xl lg:leading-[24px]\",\"children\":\"Agent Streams Are Tricky, Here’s How We Got Ours to Make Sense\"}],[\"$\",\"span\",null,{\"className\":\"line-clamp-3 min-h-[66px] text-sm leading-[22px] font-medium text-gray-800\",\"children\":\"Over the past year, we’ve spent a lot of time wiring agent frameworks into real frontends. stitching tool calls, tracking partial updates, and guessing when messages end. At some point, we realized we couldn’t keep patching forever.Here’s why, and how we started standardizing instead.\"}]]}]]}],[\"$\",\"$L17\",\"6851b5380b95e4fc279454e4\",{\"href\":\"/blog/introducing-llamaindex-integration-with-copilotkit\",\"className\":\"flex h-full w-full flex-col overflow-hidden rounded-lg border border-white lg:rounded-xl\",\"children\":[[\"$\",\"div\",null,{\"className\":\"relative aspect-[16/10] w-full shrink-0 overflow-hidden\",\"children\":[\"$\",\"$L18\",null,{\"src\":\"https://cdn.sanity.io/images/y3fjfzcd/production/6f33d35b10cd6c855d6373bc8458dc752306b91f-1601x1041.png\",\"alt\":\"Introducing the LlamaIndex Integration with AG-UI \u0026 CopilotKit\",\"fill\":true,\"sizes\":\"(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw\",\"className\":\"object-cover\"}]}],[\"$\",\"div\",null,{\"className\":\"flex h-full flex-col gap-3 bg-white/50 p-6 pb-5 lg:pb-[30px]\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-col items-start text-gray-800\",\"children\":[[\"$\",\"span\",null,{\"children\":[\"Laurie Voss\",\" \",false]}],[\"$\",\"span\",null,{\"children\":\"June 18, 2025\"}]]}],[\"$\",\"span\",null,{\"className\":\"text-lg leading-[20px] font-medium text-gray-1000 lg:text-xl lg:leading-[24px]\",\"children\":\"Introducing the LlamaIndex Integration with AG-UI \u0026 CopilotKit\"}],[\"$\",\"span\",null,{\"className\":\"line-clamp-3 min-h-[66px] text-sm leading-[22px] font-medium text-gray-800\",\"children\":\"It’s been a big month for CopilotKit’s AG-UI project, which launched just over a month ago!\\nSince then, both CopilotKit and AG-UI have seen strong adoption, and today we’re celebrating with a wave of new features and updates. We’re also excited to announce that LlamaIndex is joining the celebration with the launch of their official AG-UI integration!\"}]]}]]}],[\"$\",\"$L17\",\"6852bac09d3c9924d145536d\",{\"href\":\"/blog/introducing-agno-integration-with-copilotkit\",\"className\":\"flex h-full w-full flex-col overflow-hidden rounded-lg border border-white lg:rounded-xl\",\"children\":[[\"$\",\"div\",null,{\"className\":\"relative aspect-[16/10] w-full shrink-0 overflow-hidden\",\"children\":[\"$\",\"$L18\",null,{\"src\":\"https://cdn.sanity.io/images/y3fjfzcd/production/490d74b18c43283485f2180228638b77d950abf5-1601x1041.png\",\"alt\":\"Introducing the Agno Integration with AG-UI \u0026 CopilotKit\",\"fill\":true,\"sizes\":\"(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw\",\"className\":\"object-cover\"}]}],[\"$\",\"div\",null,{\"className\":\"flex h-full flex-col gap-3 bg-white/50 p-6 pb-5 lg:pb-[30px]\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-col items-start text-gray-800\",\"children\":[[\"$\",\"span\",null,{\"children\":[\"Ashpreet Bedi\",\" \",false]}],[\"$\",\"span\",null,{\"children\":\"June 18, 2025\"}]]}],[\"$\",\"span\",null,{\"className\":\"text-lg leading-[20px] font-medium text-gray-1000 lg:text-xl lg:leading-[24px]\",\"children\":\"Introducing the Agno Integration with AG-UI \u0026 CopilotKit\"}],[\"$\",\"span\",null,{\"className\":\"line-clamp-3 min-h-[66px] text-sm leading-[22px] font-medium text-gray-800\",\"children\":\"We’re excited to announce the official CopilotKit integration with Agno via AG-UI — the open protocol for Agent-User Interactions. With this integration, you can now expose your Agno agents as AG-UI compatible apps.\"}]]}]]}],[\"$\",\"$L17\",\"682cdd961f45a10a64462bfd\",{\"href\":\"/blog/ag-ui-protocol-bridging-agents-to-any-front-end\",\"className\":\"flex h-full w-full flex-col overflow-hidden rounded-lg border border-white lg:rounded-xl\",\"children\":[[\"$\",\"div\",null,{\"className\":\"relative aspect-[16/10] w-full shrink-0 overflow-hidden\",\"children\":[\"$\",\"$L18\",null,{\"src\":\"https://cdn.sanity.io/images/y3fjfzcd/production/7841c2536496de3f89aca48646fd8510fc52cf0f-1601x1041.png\",\"alt\":\"AG-UI Protocol: Bridging Agents to Any Front End\",\"fill\":true,\"sizes\":\"(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw\",\"className\":\"object-cover\"}]}],[\"$\",\"div\",null,{\"className\":\"flex h-full flex-col gap-3 bg-white/50 p-6 pb-5 lg:pb-[30px]\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-col items-start text-gray-800\",\"children\":[[\"$\",\"span\",null,{\"children\":[\"Nathan Tarbert\",\" \",false]}],[\"$\",\"span\",null,{\"children\":\"June 2, 2025\"}]]}],[\"$\",\"span\",null,{\"className\":\"text-lg leading-[20px] font-medium text-gray-1000 lg:text-xl lg:leading-[24px]\",\"children\":\"AG-UI Protocol: Bridging Agents to Any Front End\"}],[\"$\",\"span\",null,{\"className\":\"line-clamp-3 min-h-[66px] text-sm leading-[22px] font-medium text-gray-800\",\"children\":\"In the past two years, powerful backend agents have entered the market. Tools like GitHub Copilot, Cursor, and Notion AI are already helping professionals write code faster, brainstorm content, and automate work. These are user-facing AI agents that collaborate with people in real time.\"}]]}]]}],[\"$\",\"$L17\",\"683d8b94d29f92cf2c760fe3\",{\"href\":\"/blog/big-updates-on-ag-ui\",\"className\":\"flex h-full w-full flex-col overflow-hidden rounded-lg border border-white lg:rounded-xl\",\"children\":[[\"$\",\"div\",null,{\"className\":\"relative aspect-[16/10] w-full shrink-0 overflow-hidden\",\"children\":[\"$\",\"$L18\",null,{\"src\":\"https://cdn.sanity.io/images/y3fjfzcd/production/d
28a1a294d42ff312dae9ba0cec814c43e1def4de4-1601x1041.png\",\"alt\":\"Big Updates on AG-UI: Massive Traction and Adoption\",\"fill\":true,\"sizes\":\"(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw\",\"className\":\"object-cover\"}]}],[\"$\",\"div\",null,{\"className\":\"flex h-full flex-col gap-3 bg-white/50 p-6 pb-5 lg:pb-[30px]\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-col items-start text-gray-800\",\"children\":[[\"$\",\"span\",null,{\"children\":[\"Uli Barkai\",\" \",false]}],[\"$\",\"span\",null,{\"children\":\"June 2, 2025\"}]]}],[\"$\",\"span\",null,{\"className\":\"text-lg leading-[20px] font-medium text-gray-1000 lg:text-xl lg:leading-[24px]\",\"children\":\"Big Updates on AG-UI: Massive Traction and Adoption\"}],[\"$\",\"span\",null,{\"className\":\"line-clamp-3 min-h-[66px] text-sm leading-[22px] font-medium text-gray-800\",\"children\":\"We launched AG-UI one month ago, and it’s been incredible to see the reception and adoption. Millions of views for content on AG-UI, tens of thousands of developers building, and new contributions \u0026 integrations in the pipeline by some of the most important players in the space, including **Agno, AWS, LlamaIndex, Alibaba, and more!**\"}]]}]]}],[\"$\",\"$L17\",\"6836214475890e50eaea8a24\",{\"href\":\"/blog/how-to-add-a-frontend-to-any-langgraph-agent-using-ag-ui-protocol\",\"className\":\"flex h-full w-full flex-col overflow-hidden rounded-lg border border-white lg:rounded-xl\",\"children\":[[\"$\",\"div\",null,{\"className\":\"relative aspect-[16/10] w-full shrink-0 overflow-hidden\",\"children\":[\"$\",\"$L18\",null,{\"src\":\"https://cdn.sanity.io/images/y3fjfzcd/production/649a8540d639b46f8ffc8f2c937d78d916cede94-1601x1041.png\",\"alt\":\"How to add a Frontend to any LangGraph Agent using AG-UI Protocol\",\"fill\":true,\"sizes\":\"(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw\",\"className\":\"object-cover\"}]}],[\"$\",\"div\",null,{\"className\":\"flex h-full flex-col gap-3 bg-white/50 p-6 pb-5 lg:pb-[30px]\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-col items-start text-gray-800\",\"children\":[[\"$\",\"span\",null,{\"children\":[\"Bonnie\",\" \",\"and Nathan Tarbert\"]}],[\"$\",\"span\",null,{\"children\":\"May 29, 2025\"}]]}],[\"$\",\"span\",null,{\"className\":\"text-lg leading-[20px] font-medium text-gray-1000 lg:text-xl lg:leading-[24px]\",\"children\":\"How to add a Frontend to any LangGraph Agent using AG-UI Protocol\"}],[\"$\",\"span\",null,{\"className\":\"line-clamp-3 min-h-[66px] text-sm leading-[22px] font-medium text-gray-800\",\"children\":\"In this article, you will learn how to add a frontend to any LangGraph agent using the Agent User Interaction Protocol (AG-UI) developed by CopilotKit.\"}]]}]]}],[\"$\",\"$L17\",\"683706897b3b24e348d04a38\",{\"href\":\"/blog/how-to-add-a-frontend-to-any-crewai-agent-using-ag-ui-protocol\",\"className\":\"flex h-full w-full flex-col overflow-hidden rounded-lg border border-white lg:rounded-xl\",\"children\":[[\"$\",\"div\",null,{\"className\":\"relative aspect-[16/10] w-full shrink-0 overflow-hidden\",\"children\":[\"$\",\"$L18\",null,{\"src\":\"https://cdn.sanity.io/images/y3fjfzcd/production/d8d381db0a2770469bdbbf2db82b44b2d1c8cb0c-1601x1041.png\",\"alt\":\"How to add a Frontend to any CrewAI Agent using AG-UI Protocol\",\"fill\":true,\"sizes\":\"(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw\",\"className\":\"object-cover\"}]}],[\"$\",\"div\",null,{\"className\":\"flex h-full flex-col gap-3 bg-white/50 p-6 pb-5 lg:pb-[30px]\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-col items-start text-gray-800\",\"children\":[[\"$\",\"span\",null,{\"children\":[\"Bonnie\",\" \",\"and Nathan Tarbert\"]}],[\"$\",\"span\",null,{\"children\":\"May 29, 2025\"}]]}],[\"$\",\"span\",null,{\"className\":\"text-lg leading-[20px] font-medium text-gray-1000 lg:text-xl lg:leading-[24px]\",\"children\":\"How to add a Frontend to any CrewAI Agent using AG-UI Protocol\"}],[\"$\",\"span\",null,{\"className\":\"line-clamp-3 min-h-[66px] text-sm leading-[22px] font-medium text-gray-800\",\"children\":\"In this article, you will learn how to add a frontend to any CrewAI agents using the Agent User Interaction Protocol (AG-UI) developed by CopilotKit.\"}]]}]]}],[\"$\",\"$L17\",\"683707452a4929a710d372c5\",{\"href\":\"/blog/how-to-add-a-frontend-to-any-mastra-agent-using-ag-ui-protocol\",\"className\":\"flex h-full w-full flex-col overflow-hidden rounded-lg border border-white lg:rounded-xl\",\"children\":[[\"$\",\"div\",null,{\"className\":\"relative aspect-[16/10] w-full shrink-0 overflow-hidden\",\"children\":[\"$\",\"$L18\",null,{\"src\":\"https://cdn.sanity.io/images/y3fjfzcd/production/e22b13e1553c863f0f40fbf221a61096d5debc72-1601x1041.png\",\"alt\":\"How to add a Frontend to any Mastra Agent using AG-UI Protocol\",\"fill\":true,\"sizes\":\"(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw\",\"className\":\"object-cover\"}]}],[\"$\",\"div\",null,{\"className\":\"flex h-full flex-col gap-3 bg-white/50 p-6 pb-5 lg:pb-[30px]\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-col items-start text-gray-800\",\"children\":[[\"$\",\"span\",null,{\"children\":[\"Bonnie\",\" \",\"and Nathan Tarbert\"]}],[\"$\",\"span\",null,{\"children\":\"May 29, 2025\"}]]}],[\"$\",\"span\",null,{\"className\":\"text-lg leading-[20px] font-medium text-gray-1000 lg:text-xl lg:leading-[24px]\",\"children\":\"How to add a Frontend to any Mastra Agent using AG-UI Protocol\"}],[\"$\",\"span\",null,{\"className\":\"line-clamp-3 min-h-[66px] text-sm leading-[22px] font-medium text-gray-800\",\"children\":\"In this article, you will learn how to add a frontend to any Mastra agent using the Agent User Interaction Protocol (AG-UI) developed by CopilotKit.\"}]]}]]}],[\"$\",\"$L17\",\"683707f4647cb86e4b9f270d\",{\"href\":\"/blog/how-to-add-a-frontend-to-any-ag2-agent-using-ag-ui-protocol\",\"className\":\"flex h-full w-full flex-col overflow-hidden rounded-lg border border-white lg:rounded-xl\",\"children\":[[\"$\",\"div\",null,{\"className\":\"relative aspect-[16/10] w-full shrink-0 overflow-hidden\",\"children\":[\"$\",\"$L18\",null,{\"src\":\"https://cdn.sanity.io/images/y3fjfzcd/production/a4cc394d82b0a54c2e9cbe682b0c0d208ec3e98a-1601x1041.png\",\"alt\":\"How to add a Frontend to any AG2 Agent using AG-UI Protocol\",\"fill\":true,\"sizes\":\"(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw\",\"className\":\"object-cover\"}]}],[\"$\",\"div\",null,{\"className\":\"flex h-full flex-col gap-3 bg-white/50 p-6 pb-5 lg:pb-[30px]\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-col items-start text-gray-800\",\"children\":[[\"$\",\"span\",null,{\"children\":[\"Bonnie\",\" \",\"and Nathan Tarbert\"]}],[\"$\",\"span\",null,{\"children\":\"May 29, 2025\"}]]}],[\"$\",\"span\",null,{\"className\":\"text-lg leading-[20px] font-medium text-gray-1000 lg:text-xl lg:leading-[24px]\",\"children\":\"How to add a Frontend to any AG2 Agent using AG-UI Protocol\"}],[\"$\",\"span\",null,{\"className\":\"line-clamp-3 min-h-[66px] text-sm leading-[22px] font-medium text-gray-800\",\"children\":\"In this article, you will learn how to add a frontend to any AG2 agent using the Agent User Interaction Protocol (AG-UI) developed by CopilotKit.\"}]]}]]}],[\"$\",\"$L17\",\"681a60fd758eae466a3ac80e\",{\"href\":\"/blog/ag2-now-integrated-with-copilotkit\",\"className\":\"flex h-full w-full flex-col overflow-hidden rounded-lg border border-white lg:rounded-xl\",\"children\":[[\"$\",\"div\",null,{\"className\":\"relative aspect-[16/10] w-full shrink-0 overflow-hidden\",\"children\":[\"$\",\"$L18\",null,{\"src\":\"https://cdn.sanity.io/images/y3fjfzcd/production/9814d7831dea5032ce686ee82300a8c7eaddf82f-1601x1040.png\",\"alt\":\"Introducing AG2's Integration with CopilotKit\",\"fill\":true,\"sizes\":\"(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw\",\"className\":\"object-cover\"}]}],[\"$\",\"div\",null,{\"className\":\"flex h-full flex-col gap-3 bg-white/50 p-6 pb-5 lg:pb-[30px]\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-col items-start text-gray-800\",\"children\":[[\"$\",\"span\",null,{\"children\":[\"Harish Mohan Raj\",\" \",false]}],[\"$\",\"span\",null,{\"children\":\"May 12, 2025\"}]]}],[\"$\",\"span\",null,{\"className\":\"text-lg leading-[20px] font-medium text-gray-1000 lg:text-xl lg:leading-[24px]\",\"children\":\"Introducing AG2's Integration with CopilotKit\"}],[\"$\",\"span\",null,{\"className\":\"line-clamp-3 min-h-[66px] text-sm leading-[22px] font-medium text-gray-800\",\"children\":\"We’re excited to announce that CopilotKit now integrates with AG2, bringing together AG2’s multi-agent orchestration capabilities with CopilotKit’s React UI components. This integration creates a more seamless development experience for building AI-powered a
28pplications.\"}]]}]]}],[\"$\",\"$L17\",\"681bc81b5ce5fa3e27585a02\",{\"href\":\"/blog/introducing-ag-ui-the-protocol-where-agents-meet-users\",\"className\":\"flex h-full w-full flex-col overflow-hidden rounded-lg border border-white lg:rounded-xl\",\"children\":[[\"$\",\"div\",null,{\"className\":\"relative aspect-[16/10] w-full shrink-0 overflow-hidden\",\"children\":[\"$\",\"$L18\",null,{\"src\":\"https://cdn.sanity.io/images/y3fjfzcd/production/9d1ca3c60c7b578ff6d34297fbefaa3a4669c5d1-1601x1041.png\",\"alt\":\"Introducing AG-UI: The Protocol Where Agents Meet Users\",\"fill\":true,\"sizes\":\"(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw\",\"className\":\"object-cover\"}]}],[\"$\",\"div\",null,{\"className\":\"flex h-full flex-col gap-3 bg-white/50 p-6 pb-5 lg:pb-[30px]\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-col items-start text-gray-800\",\"children\":[[\"$\",\"span\",null,{\"children\":[\"Nathan Tarbert\",\" \",false]}],[\"$\",\"span\",null,{\"children\":\"May 12, 2025\"}]]}],[\"$\",\"span\",null,{\"className\":\"text-lg leading-[20px] font-medium text-gray-1000 lg:text-xl lg:leading-[24px]\",\"children\":\"Introducing AG-UI: The Protocol Where Agents Meet Users\"}],[\"$\",\"span\",null,{\"className\":\"line-clamp-3 min-h-[66px] text-sm leading-[22px] font-medium text-gray-800\",\"children\":\"Today, we are excited to announce the launch of our new open-protocol, AG-UI, the Agent-User Interaction Protocol.\\nA bridge between backend AI agents and full-stack applications. Where agents meet users.\"}]]}]]}],[\"$\",\"$L17\",\"681e41443c40800d0155128c\",{\"href\":\"/blog/introducing-mastras-integration-with-copilotkit\",\"className\":\"flex h-full w-full flex-col overflow-hidden rounded-lg border border-white lg:rounded-xl\",\"children\":[[\"$\",\"div\",null,{\"className\":\"relative aspect-[16/10] w-full shrink-0 overflow-hidden\",\"children\":[\"$\",\"$L18\",null,{\"src\":\"https://cdn.sanity.io/images/y3fjfzcd/production/fbfce7b15111a5a5f88463729a3af93267ea4922-1602x1041.png\",\"alt\":\"Introducing Mastra's Integration with CopilotKit\",\"fill\":true,\"sizes\":\"(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw\",\"className\":\"object-cover\"}]}],[\"$\",\"div\",null,{\"className\":\"flex h-full flex-col gap-3 bg-white/50 p-6 pb-5 lg:pb-[30px]\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-col items-start text-gray-800\",\"children\":[[\"$\",\"span\",null,{\"children\":[\"Shane Thomas\",\" \",false]}],[\"$\",\"span\",null,{\"children\":\"May 12, 2025\"}]]}],[\"$\",\"span\",null,{\"className\":\"text-lg leading-[20px] font-medium text-gray-1000 lg:text-xl lg:leading-[24px]\",\"children\":\"Introducing Mastra's Integration with CopilotKit\"}],[\"$\",\"span\",null,{\"className\":\"line-clamp-3 min-h-[66px] text-sm leading-[22px] font-medium text-gray-800\",\"children\":\"Introducing Mastra's integration with CopilotKit to bridge the backend agent with the user interactive layer.\"}]]}]]}],[\"$\",\"$L17\",\"6813891a3cf7576a12290639\",{\"href\":\"/blog/add-an-mcp-client-to-any-react-app-in-under-30-minutes\",\"className\":\"flex h-full w-full flex-col overflow-hidden rounded-lg border border-white lg:rounded-xl\",\"children\":[[\"$\",\"div\",null,{\"className\":\"relative aspect-[16/10] w-full shrink-0 overflow-hidden\",\"children\":[\"$\",\"$L18\",null,{\"src\":\"https://cdn.sanity.io/images/y3fjfzcd/production/eb4a4c4333fe73610be983ecd58cacc01bbf7ecf-1602x1041.png\",\"alt\":\"Add an MCP Client to Any React App in Under 30 Minutes\",\"fill\":true,\"sizes\":\"(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw\",\"className\":\"object-cover\"}]}],[\"$\",\"div\",null,{\"className\":\"flex h-full flex-col gap-3 bg-white/50 p-6 pb-5 lg:pb-[30px]\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-col items-start text-gray-800\",\"children\":[[\"$\",\"span\",null,{\"children\":[\"Anmol Baranwal\",\" \",false]}],[\"$\",\"span\",null,{\"children\":\"May 1, 2025\"}]]}],[\"$\",\"span\",null,{\"className\":\"text-lg leading-[20px] font-medium text-gray-1000 lg:text-xl lg:leading-[24px]\",\"children\":\"Add an MCP Client to Any React App in Under 30 Minutes\"}],[\"$\",\"span\",null,{\"className\":\"line-clamp-3 min-h-[66px] text-sm leading-[22px] font-medium text-gray-800\",\"children\":\"AI Agents have unlocked powerful use cases so developers are automating complex workflows. But sometimes you just want to build smart stuff without all the extra complexity, which can be achieved using agentless architecture. Today, we will learn about what it means, how MCP fits in the whole scenario, and how to build our own agentless applications using CopilotKit (framework) with Composio servers.\"}]]}]]}],[\"$\",\"$L17\",\"67f42a53986aa9f054da036a\",{\"href\":\"/blog/copilotkit-now-supports-multiple-ai-agent-frameworks\",\"className\":\"flex h-full w-full flex-col overflow-hidden rounded-lg border border-white lg:rounded-xl\",\"children\":[[\"$\",\"div\",null,{\"className\":\"relative aspect-[16/10] w-full shrink-0 overflow-hidden\",\"children\":[\"$\",\"$L18\",null,{\"src\":\"https://cdn.sanity.io/images/y3fjfzcd/production/c6e7070edb54f58321e213d0104a48044f176641-1601x1040.png\",\"alt\":\"🚀 Why CopilotKit is Going All-In on User-Interactive AI Agents\",\"fill\":true,\"sizes\":\"(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw\",\"className\":\"object-cover\"}]}],[\"$\",\"div\",null,{\"className\":\"flex h-full flex-col gap-3 bg-white/50 p-6 pb-5 lg:pb-[30px]\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-col items-start text-gray-800\",\"children\":[[\"$\",\"span\",null,{\"children\":[\"Graham McBain\",\" \",false]}],[\"$\",\"span\",null,{\"children\":\"April 8, 2025\"}]]}],[\"$\",\"span\",null,{\"className\":\"text-lg leading-[20px] font-medium text-gray-1000 lg:text-xl lg:leading-[24px]\",\"children\":\"🚀 Why CopilotKit is Going All-In on User-Interactive AI Agents\"}],[\"$\",\"span\",null,{\"className\":\"line-clamp-3 min-h-[66px] text-sm leading-[22px] font-medium text-gray-800\",\"children\":\"Today, we’re excited to share why CopilotKit is doubling down on user-interactive AI agents—copilots designed specifically to work alongside users rather than autonomously.\"}]]}]]}],[\"$\",\"$L17\",\"67e4116ac3c98f89e4d0af15\",{\"href\":\"/blog/announcing-crewai-support\",\"className\":\"flex h-full w-full flex-col overflow-hidden rounded-lg border border-white lg:rounded-xl\",\"children\":[[\"$\",\"div\",null,{\"className\":\"relative aspect-[16/10] w-full shrink-0 overflow-hidden\",\"children\":[\"$\",\"$L18\",null,{\"src\":\"https://cdn.sanity.io/images/y3fjfzcd/production/c9b60506699e5d4e443869ecce28c1fb4a069f7e-1601x1040.png\",\"alt\":\"CopilotKit Expands Capabilities with CrewAI Integration for CoAgents\",\"fill\":true,\"sizes\":\"(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw\",\"className\":\"object-cover\"}]}],[\"$\",\"div\",null,{\"className\":\"flex h-full flex-col gap-3 bg-white/50 p-6 pb-5 lg:pb-[30px]\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-col items-start text-gray-800\",\"children\":[[\"$\",\"span\",null,{\"children\":[\"Graham McBain\",\" \",false]}],[\"$\",\"span\",null,{\"children\":\"March 27, 2025\"}]]}],[\"$\",\"span\",null,{\"className\":\"text-lg leading-[20px] font-medium text-gray-1000 lg:text-xl lg:leading-[24px]\",\"children\":\"CopilotKit Expands Capabilities with CrewAI Integration for CoAgents\"}],[\"$\",\"span\",null,{\"className\":\"line-clamp-3 min-h-[66px] text-sm leading-[22px] font-medium text-gray-800\",\"children\":\"We’re excited to share that you can now build a UI for all your Crews using CopilotKit.\"}]]}]]}],[\"$\",\"$L17\",\"67e55d74a91ce960446e4f6a\",{\"href\":\"/blog/how-to-build-full-stack-ai-agents-crewai-copilotkit\",\"className\":\"flex h-full w-full flex-col overflow-hidden rounded-lg border border-white lg:rounded-xl\",\"children\":[[\"$\",\"div\",null,{\"className\":\"relative aspect-[16/10] w-full shrink-0 overflow-hidden\",\"children\":[\"$\",\"$L18\",null,{\"src\":\"https://cdn.sanity.io/images/y3fjfzcd/production/ebd3d40c6052af3cd05ad6012606e8d39c329713-1601x1040.png\",\"alt\":\"How To Build Full-Stack AI Agents 🚀 (CrewAI + CopilotKit)\",\"fill\":true,\"sizes\":\"(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw\",\"className\":\"object-cover\"}]}],[\"$\",\"div\",null,{\"className\":\"flex h-full flex-col gap-3 bg-white/50 p-6 pb-5 lg:pb-[30px]\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-col items-start text-gray-800\",\"children\":[[\"$\",\"span\",null,{\"children\":[\"Bonnie\",\" \",\"and Nathan Tarbert\"]}],[\"$\",\"span\",null,{\"children\":\"March 27, 2025\"}]]}],[\"$\",\"span\",null,{\"className\":\"text-lg leading-[20px] font-medium text-gray-1000 lg:text-xl lg:leading-[24px]\",\"children\":\"How To Build Full-Stack AI Agents 🚀 (CrewAI + CopilotKit)\"}],[\"$\",\"span\",null,{\"className\":\"line-clamp-3 min-h-[66px] text-sm leading-[22px] font-medium text-gray-800\",\"children\":\"In this article, you will learn how to build a full-stack restaurant finder AI agent that combines human-in-the-loop capabilities using CrewAI, CopilotKit, and Serper.\"}]]}]]}],[\"$\",\"$L17\",\"67dc8ca40b54d8bca33fc14f\",{\"href\":\"/blog/easily-build-a-ui-for-your-ai-agent-in-minutes-langgraph-copilotkit\",\"className\":\"flex h-full w-full flex-col overflow-hidden rounded-lg border border-white lg:rounded-xl\",\"children\":[[\"$\",\"div\",null,{\"className\":\"relative aspect-[16/10] w-full shrink-0 overflow-hidden\",\"children\":[\"$\",\"$L18\",null,{\"src\":\"https://cdn.sanity.io/images/y3fjfzcd/production/601555e39e44e529d7e5ea6772926cfea6a46c46-1601x1041.png\",\"alt\":\"Easily Build a UI for Your AI Agent in Minutes (LangGraph + CopilotKit)\",\"fill\":true,\"sizes\":\"(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw\",\"className\":\"object-cover\"}]}],[\"$\",\"div\",null,{\"className\":\"flex h-full flex-col gap-3 bg-white/50 p-6 pb-5 lg:pb-[30px]\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-col items-start text-gray-800\",\"children\":[[\"$\",\"span\",null,{\"children\":[\"Bonnie\",\" \",\"and Nathan Tarbert\"]}],[\"$\",\"span\",null,{\"children\":\"March 20, 2025\"}]]}],[\"$\",\"span\",null,{\"className\":\"text-lg leading-[20px] font-medium text-gray-1000 lg:text-xl lg:leading-[24px]\",\"children\":\"Easily Build a UI for Your AI Agent in Minutes (LangGraph + CopilotKit)\"}],[\"$\",\"span\",null,{\"className\":\"line-clamp-3 min-h-[66px] text-sm leading-[22px] font-medium text-gray-800\",\"children\":\"In this article, you will learn how to build an agent-native research canvas app that combines human-in-the-loop capabilities using Langraph, CopilotKit, and Tavily.\"}]]}]]}],[\"$\",\"$L17\",\"67c095bc233e2e8e0ec9b08f\",{\"href\":\"/blog/build-a-rag-copilot-with-mongodb-vector-search-and-copilotkit\",\"className\":\"flex h-full w-full flex-col overflow-hidden rounded-lg border border-white lg:rounded-xl\",\"children\":[[\"$\",\"div\",null,{\"className\":\"relative aspect-[16/10] w-full shrink-0 overflow-hidden\",\"children\":[\"$\",\"$L18\",null,{\"src\":\"https://cdn.sanity.io/images/y3fjfzcd/production/a7e4e2b5fee4403d60d18cd58b8a629115baa4f6-1601x1041.png\",\"alt\":\"Build a RAG Copilot with MongoDB Vector Search \u0026 CopilotKit\",\"fill\":true,\"sizes\":\"(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw\",\"className\":\"object-cover\"}]}],[\"$\",\"div\",null,{\"className\":\"flex h-full flex-col gap-3 bg-white/50 p-6 pb-5 lg:pb-[30px]\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-col items-start text-gray-800\",\"children\":[[\"$\",\"span\",null,{\"children\":[\"Nathan Tarbert\",\" \",false]}],[\"$\",\"span\",null,{\"children\":\"March 3, 2025\"}]]}],[\"$\",\"span\",null,{\"className\":\"text-lg leading-[20px] font-medium text-gray-1000 lg:text-xl lg:leading-[24px]\",\"children\":\"Build a RAG Copilot with MongoDB Vector Search \u0026 CopilotKit\"}],[\"$\",\"span\",null,{\"className\":\"line-clamp-3 min-h-[66px] text-sm leading-[22px] font-medium text-gray-800\",\"children\":\"In this tutorial, we’ll walk 
28you through the process of building an AI-powered RAG Copilot for your product knowledge base using OpenAI API, MongoDB Atlas Vector Search, and CopilotKit.\"}]]}]]}],[\"$\",\"$L17\",\"67b6142566790f9b837bc965\",{\"href\":\"/blog/agents-101-how-to-build-your-first-ai-agent-in-30-minutes\",\"className\":\"flex h-full w-full flex-col overflow-hidden rounded-lg border border-white lg:rounded-xl\",\"children\":[[\"$\",\"div\",null,{\"className\":\"relative aspect-[16/10] w-full shrink-0 overflow-hidden\",\"children\":[\"$\",\"$L18\",null,{\"src\":\"https://cdn.sanity.io/images/y3fjfzcd/production/02861042b476625412af8e61a883c0c3e8f70720-1601x1040.png\",\"alt\":\"Agents 101: How to build your first AI Agent in 30 minutes!\",\"fill\":true,\"sizes\":\"(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw\",\"className\":\"object-cover\"}]}],[\"$\",\"div\",null,{\"className\":\"flex h-full flex-col gap-3 bg-white/50 p-6 pb-5 lg:pb-[30px]\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-col items-start text-gray-800\",\"children\":[[\"$\",\"span\",null,{\"children\":[\"Anmol Baranwal\",\" \",false]}],[\"$\",\"span\",null,{\"children\":\"February 20, 2025\"}]]}],[\"$\",\"span\",null,{\"className\":\"text-lg leading-[20px] font-medium text-gray-1000 lg:text-xl lg:leading-[24px]\",\"children\":\"Agents 101: How to build your first AI Agent in 30 minutes!\"}],[\"$\",\"span\",null,{\"className\":\"line-clamp-3 min-h-[66px] text-sm leading-[22px] font-medium text-gray-800\",\"children\":\"Building your own agent can be complex, and all the concepts, frameworks, and practices you need to follow can be a bit overwhelming. The good news is, that adding agents to your application can be easy and I'll show you how. In this guide, you will learn how to build your first AI agent in just 30 minutes, even if you don't know anything about AI agents.\"}]]}]]}],[\"$\",\"$L17\",\"67b3aeeade9fe8e36fd4cf13\",{\"href\":\"/blog/coagents-v0-5-the-building-blocks-of-a-full-stack-agent\",\"className\":\"flex h-full w-full flex-col overflow-hidden rounded-lg border border-white lg:rounded-xl\",\"children\":[[\"$\",\"div\",null,{\"className\":\"relative aspect-[16/10] w-full shrink-0 overflow-hidden\",\"children\":[\"$\",\"$L18\",null,{\"src\":\"https://cdn.sanity.io/images/y3fjfzcd/production/317b3db898d0d0e47a646aaf8183929c93dba11e-1601x1041.png\",\"alt\":\"Coagents V0.5: The Building Blocks of a Full-Stack Agent\",\"fill\":true,\"sizes\":\"(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw\",\"className\":\"object-cover\"}]}],[\"$\",\"div\",null,{\"className\":\"flex h-full flex-col gap-3 bg-white/50 p-6 pb-5 lg:pb-[30px]\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-col items-start text-gray-800\",\"children\":[[\"$\",\"span\",null,{\"children\":[\"Graham McBain\",\" \",false]}],[\"$\",\"span\",null,{\"children\":\"February 18, 2025\"}]]}],[\"$\",\"span\",null,{\"className\":\"text-lg leading-[20px] font-medium text-gray-1000 lg:text-xl lg:leading-[24px]\",\"children\":\"Coagents V0.5: The Building Blocks of a Full-Stack Agent\"}],[\"$\",\"span\",null,{\"className\":\"line-clamp-3 min-h-[66px] text-sm leading-[22px] font-medium text-gray-800\",\"children\":\"We launched the CoAgents beta a few months ago, and it was a huge success right out of the gate. We've been working with Fortune 100 companies, thousands of individual developers, small teams, and a bunch of design partners. Through all those conversations and real-world use cases, we've identified the core building blocks for building a full-stack agent with LangGraph using CopilotKit.\"}]]}]]}],[\"$\",\"$L17\",\"678a83344e298ecc984aa88f\",{\"href\":\"/blog/build-your-own-knowledge-based-rag-copilot\",\"className\":\"flex h-full w-full flex-col overflow-hidden rounded-lg border border-white lg:rounded-xl\",\"children\":[[\"$\",\"div\",null,{\"className\":\"relative aspect-[16/10] w-full shrink-0 overflow-hidden\",\"children\":[\"$\",\"$L18\",null,{\"src\":\"https://cdn.sanity.io/images/y3fjfzcd/production/df948ca97964bb5716c01374d5958668e8c86858-1601x1041.png\",\"alt\":\"Build Your Own Knowledge-Based RAG Copilot\",\"fill\":true,\"sizes\":\"(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw\",\"className\":\"object-cover\"}]}],[\"$\",\"div\",null,{\"className\":\"flex h-full flex-col gap-3 bg-white/50 p-6 pb-5 lg:pb-[30px]\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-col items-start text-gray-800\",\"children\":[[\"$\",\"span\",null,{\"children\":[\"Nathan Tarbert\",\" \",false]}],[\"$\",\"span\",null,{\"children\":\"January 17, 2025\"}]]}],[\"$\",\"span\",null,{\"className\":\"text-lg leading-[20px] font-medium text-gray-1000 lg:text-xl lg:leading-[24px]\",\"children\":\"Build Your Own Knowledge-Based RAG Copilot\"}],[\"$\",\"span\",null,{\"className\":\"line-clamp-3 min-h-[66px] text-sm leading-[22px] font-medium text-gray-800\",\"children\":\"In this tutorial, we’ll walk 
28you through the process of building an AI-powered Copilot for your product knowledge base using Anthropic AI API, Pinecone API, and CopilotKit.\"}]]}]]}],[\"$\",\"$L17\",\"6761f0933cdc387065a1a317\",{\"href\":\"/blog/new-wave-of-agent-native-apps\",\"className\":\"flex h-full w-full flex-col overflow-hidden rounded-lg border border-white lg:rounded-xl\",\"children\":[[\"$\",\"div\",null,{\"className\":\"relative aspect-[16/10] w-full shrink-0 overflow-hidden\",\"children\":[\"$\",\"$L18\",null,{\"src\":\"https://cdn.sanity.io/images/y3fjfzcd/production/89599d9ed91f0c4902bf7608e61f57ffb955fbb4-1600x1040.heif\",\"alt\":\"The New Wave of Agent-Native Apps\",\"fill\":true,\"sizes\":\"(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw\",\"className\":\"object-cover\"}]}],[\"$\",\"div\",null,{\"className\":\"flex h-full flex-col gap-3 bg-white/50 p-6 pb-5 lg:pb-[30px]\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-col items-start text-gray-800\",\"children\":[[\"$\",\"span\",null,{\"children\":[\"Graham McBain\",\" \",false]}],[\"$\",\"span\",null,{\"children\":\"December 17, 2024\"}]]}],[\"$\",\"span\",null,{\"className\":\"text-lg leading-[20px] font-medium text-gray-1000 lg:text-xl lg:leading-[24px]\",\"children\":\"The New Wave of Agent-Native Apps\"}],[\"$\",\"span\",null,{\"className\":\"line-clamp-3 min-h-[66px] text-sm leading-[22px] font-medium text-gray-800\",\"children\":\"We are witnessing the beginning of the most significant transformation in software since cloud and mobile: Agent-Native Applications (ANAs). This shift will fundamentally reshape the SaaS landscape even more rapidly than previous computing revolutions. Tools like LangChain Platform are making it easier than ever to build this new and exciting type of application.\"}]]}]]}],[\"$\",\"$L17\",\"66dae9fb3f905e23d439958d\",{\"href\":\"/blog/build-full-stack-apps-with-langgraph-and-copilotkit\",\"className\":\"flex h-full w-full flex-col overflow-hidden rounded-lg border border-white lg:rounded-xl\",\"children\":[[\"$\",\"div\",null,{\"className\":\"relative aspect-[16/10] w-full shrink-0 overflow-hidden\",\"children\":[\"$\",\"$L18\",null,{\"src\":\"https://cdn.sanity.io/images/y3fjfzcd/production/792f4106f6757478ab4608ddd094344704c7b1ff-1602x1041.png\",\"alt\":\"CoAgents v0.2 release: Build Full-stack Agent Applications with LangGraph \u0026 CopilotKit\",\"fill\":true,\"sizes\":\"(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw\",\"className\":\"object-cover\"}]}],[\"$\",\"div\",null,{\"className\":\"flex h-full flex-col gap-3 bg-white/50 p-6 pb-5 lg:pb-[30px]\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-col items-start text-gray-800\",\"children\":[[\"$\",\"span\",null,{\"children\":[\"Graham McBain\",\" \",false]}],[\"$\",\"span\",null,{\"children\":\"December 10, 2024\"}]]}],[\"$\",\"span\",null,{\"className\":\"text-lg leading-[20px] font-medium text-gray-1000 lg:text-xl lg:leading-[24px]\",\"children\":\"CoAgents v0.2 release: Build Full-stack Agent Applications with LangGraph \u0026 CopilotKit\"}],[\"$\",\"span\",null,{\"className\":\"line-clamp-3 min-h-[66px] text-sm leading-[22px] font-medium text-gray-800\",\"children\":\"Agentic Copilots are changing the SaaS landscape faster than any other previous computing revolution. With the latest release from CopilotKit with support for LangGraph JS and LangGraph Platform, it's easier than ever to build human-in-the-loop Agentic Copilots that are production-ready. These powerful tools let any company build the same experiences built by industry leaders like Cursor, Replit, and Github.\"}]]}]]}],[\"$\",\"$L17\",\"6740a691fb12886452340dc0\",{\"href\":\"/blog/the-agentic-application-stack-explained\",\"className\":\"flex h-full w-full flex-col overflow-hidden rounded-lg border border-white lg:rounded-xl\",\"children\":[[\"$\",\"div\",null,{\"className\":\"relative aspect-[16/10] w-full shrink-0 overflow-hidden\",\"children\":[\"$\",\"$L18\",null,{\"src\":\"https://cdn.sanity.io/images/y3fjfzcd/production/7d22493fbe26409f93ceb440fbe51a642cae5e1d-1601x1041.png\",\"alt\":\"The Agentic Application Stack Explained\",\"fill\":true,\"sizes\":\"(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw\",\"className\":\"object-cover\"}]}],[\"$\",\"div\",null,{\"className\":\"flex h-full flex-col gap-3 bg-white/50 p-6 pb-5 lg:pb-[30px]\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-col items-start text-gray-800\",\"children\":[[\"$\",\"span\",null,{\"children\":[\"Graham McBain\",\" \",false]}],[\"$\",\"span\",null,{\"children\":\"November 22, 2024\"}]]}],[\"$\",\"span\",null,{\"className\":\"text-lg leading-[20px] font-medium text-gray-1000 lg:text-xl lg:leading-[24px]\",\"children\":\"The Agentic Application Stack Explained\"}],[\"$\",\"span\",null,{\"className\":\"line-clamp-3 min-h-[66px] text-sm leading-[22px] font-medium text-gray-800\",\"children\":\"The Agentic Application Stack enables AI agents to power applications with autonomy and interactivity, detailing key layers like model serving, storage, tools, frameworks, hosting, and user experience.\"}]]}]]}],[\"$\",\"$L17\",\"66dae9fbda8ca070ebe1685e\",{\"href\":\"/blog/build-a-perplexity-clone-with-copilotkit\",\"className\":\"flex h-full w-full flex-col overflow-hidden rounded-lg border border-white lg:rounded-xl\",\"children\":[[\"$\",\"div\",null,{\"className\":\"relative aspect-[16/10] w-full shrink-0 overflow-hidden\",\"children\":[\"$\",\"$L18\",null,{\"src\":\"https://cdn.sanity.io/images/y3fjfzcd/production/b85c0d31971b439b7f16e90ca1f75c2995df4155-1602x1041.png\",\"alt\":\"Build a Perplexity Clone with CopilotKit, Tavily \u0026 LangGraph\",\"fill\":true,\"sizes\":\"(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw\",\"className\":\"object-cover\"}]}],[\"$\",\"div\",null,{\"className\":\"flex h-full flex-col gap-3 bg-white/50 p-6 pb-5 lg:pb-[30px]\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-col items-start text-gray-800\",\"children\":[[\"$\",\"span\",null,{\"children\":[\"Nathan Tarbert\",\" \",false]}],[\"$\",\"span\",null,{\"children\":\"October 30, 2024\"}]]}],[\"$\",\"span\",null,{\"className\":\"text-lg leading-[20px] font-medium text-gray-1000 lg:text-xl lg:leading-[24px]\",\"children\":\"Build a Perplexity Clone with CopilotKit, Tavily \u0026 LangGraph\"}],[\"$\",\"span\",null,{\"className\":\"line-clamp-3 min-h-[66px] text-sm leading-[22px] font-medium text-gray-800\",\"children\":\"Integrate Agent-Native architecture into your app using CopilotKit, Tavily, and LangGraph. \"}]]}]]}],[\"$\",\"$L17\",\"671761e94e45d19f72c4181d\",{\"href\":\"/blog/everything-you
28-need-to-build-agent-native-applications\",\"className\":\"flex h-full w-full flex-col overflow-hidden rounded-lg border border-white lg:rounded-xl\",\"children\":[[\"$\",\"div\",null,{\"className\":\"relative aspect-[16/10] w-full shrink-0 overflow-hidden\",\"children\":[\"$\",\"$L18\",null,{\"src\":\"https://cdn.sanity.io/images/y3fjfzcd/production/b0fd588f719184efdf8d68f412da78c67f33104a-1601x1041.png\",\"alt\":\"Everything You Need To Build Agent-Native Applications (with LangGraph and CoAgents)\",\"fill\":true,\"sizes\":\"(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw\",\"className\":\"object-cover\"}]}],[\"$\",\"div\",null,{\"className\":\"flex h-full flex-col gap-3 bg-white/50 p-6 pb-5 lg:pb-[30px]\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-col items-start text-gray-800\",\"children\":[[\"$\",\"span\",null,{\"children\":[\"Atai Barkai\",\" \",false]}],[\"$\",\"span\",null,{\"children\":\"October 22, 2024\"}]]}],[\"$\",\"span\",null,{\"className\":\"text-lg leading-[20px] font-medium text-gray-1000 lg:text-xl lg:leading-[24px]\",\"children\":\"Everything You Need To Build Agent-Native Applications (with LangGraph and CoAgents)\"}],[\"$\",\"span\",null,{\"className\":\"line-clamp-3 min-h-[66px] text-sm leading-[22px] font-medium text-gray-800\",\"children\":\"CoAgents, the building blocks for the next generation of AI-native apps.\"}]]}]]}],[\"$\",\"$L17\",\"66f37f4772e235a5291444c9\",{\"href\":\"/blog/buildtime-and-runtime\",\"className\":\"flex h-full w-full flex-col overflow-hidden rounded-lg border border-white lg:rounded-xl\",\"children\":[[\"$\",\"div\",null,{\"className\":\"relative aspect-[16/10] w-full shrink-0 overflow-hidden\",\"children\":[\"$\",\"$L18\",null,{\"src\":\"https://cdn.sanity.io/images/y3fjfzcd/production/5c209e25fbba58c5bb1b955edc040df1949ed3dc-1601x1041.png\",\"alt\":\"Buildtime and Runtime Human-in-the-Loop AI (HITL)\",\"fill\":true,\"sizes\":\"(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw\",\"className\":\"object-cover\"}]}],[\"$\",\"div\",null,{\"className\":\"flex h-full flex-col gap-3 bg-white/50 p-6 pb-5 lg:pb-[30px]\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-col items-start text-gray-800\",\"children\":[[\"$\",\"span\",null,{\"children\":[\"Atai Barkai\",\" \",false]}],[\"$\",\"span\",null,{\"children\":\"September 25, 2024\"}]]}],[\"$\",\"span\",null,{\"className\":\"text-lg leading-[20px] font-medium text-gray-1000 lg:text-xl lg:leading-[24px]\",\"children\":\"Buildtime and Runtime Human-in-the-Loop AI (HITL)\"}],[\"$\",\"span\",null,{\"className\":\"line-clamp-3 min-h-[66px] text-sm leading-[22px] font-medium text-gray-800\",\"children\":\"How HITL AI systems are bringing AI from demos to production.\"}]]}]]}],[\"$\",\"$L17\",\"66df1341d3b2bd825e9d7b78\",{\"href\":\"/blog/intermediate-state-coagent\",\"className\":\"flex h-full w-full flex-col overflow-hidden rounded-lg border border-white lg:rounded-xl\",\"children\":[[\"$\",\"div\",null,{\"className\":\"relative aspect-[16/10] w-full shrink-0 overflow-hidden\",\"children\":[\"$\",\"$L18\",null,{\"src\":\"https://cdn.sanity.io/images/y3fjfzcd/production/0d842405b7f9785eb984189c97e146e8973457d9-1602x1041.png\",\"alt\":\"CoAgents: Connecting AI Agents to Realtime Application Context\",\"fill\":true,\"sizes\":\"(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw\",\"className\":\"object-cover\"}]}],[\"$\",\"div\",null,{\"className\":\"flex h-full flex-col gap-3 bg-white/50 p-6 pb-5 lg:pb-[30px]\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-col items-start text-gray-800\",\"children\":[[\"$\",\"span\",null,{\"children\":[\"Atai Barkai\",\" \",false]}],[\"$\",\"span\",null,{\"children\":\"September 10, 2024\"}]]}],[\"$\",\"span\",null,{\"className\":\"text-lg leading-[20px] font-medium text-gray-1000 lg:text-xl lg:leading-[24px]\",\"children\":\"CoAgents: Connecting AI Agents to Realtime Application Context\"}],[\"$\",\"span\",null,{\"className\":\"line-clamp-3 min-h-[66px] text-sm leading-[22px] font-medium text-gray-800\",\"children\":\"$1b\"}]]}]]}],[\"$\",\"$L17\",\"66dae9fca8e9a90495ba00b4\",{\"href\":\"/blog/august-2024-product-highlight\",\"className\":\"flex h-full w-full flex-col overflow-hidden rounded-lg border border-white lg:rounded-xl\",\"children\":[[\"$\",\"div\",null,{\"className\":\"relative aspect-[16/10] w-full shrink-0 overflow-hidden\",\"children\":[\"$\",\"$L18\",null,{\"src\":\"https://cdn.sanity.io/images/y3fjfzcd/production/58ca2ddc457095bca80b09ddd4529de34be11d59-1602x1041.png\",\"alt\":\"August’s Feature Rollout: Enhanced CopilotKit Capabilities Await! 😎\",\"fill\":true,\"sizes\":\"(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw\",\"className\":\"object-cover\"}]}],[\"$\",\"div\",null,{\"className\":\"flex h-full flex-col gap-3 bg-white/50 p-6 pb-5 lg:pb-[30px]\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-col items-start text-gray-800\",\"children\":[[\"$\",\"span\",null,{\"children\":[\"Atai Barkai\",\" \",false]}],[\"$\",\"span\",null,{\"children\":\"August 26, 2024\"}]]}],[\"$\",\"span\",null,{\"className\":\"text-lg leading-[20px] font-medium text-gray-1000 lg:text-xl lg:leading-[24px]\",\"children\":\"August’s Feature Rollout: Enhanced CopilotKit Capabilities Await! 😎\"}],[\"$\",\"span\",null,{\"className\":\"line-clamp-3 min-h-[66px] text-sm leading-[22px] font-medium text-gray-800\",\"children\":\"Stay up to date with our latest monthly release! Discover the newest features, enhancements, and improvements we've rolled out in August to help you get the most out of our product. Dive into the details and see how these updates can benefit your experience.\"}]]}]]}],[\"$\",\"$L17\",\"66dae9fc7548d462791f2792\",{\"href\":\"/blog/copilotkit-v1-launch\",\"className\":\"flex h-full w-full flex-col overflow-hidden rounded-lg border border-white lg:rounded-xl\",\"children\":[[\"$\",\"div\",null,{\"className\":\"relative aspect-[16/10] w-full shrink-0 overflow-hidden\",\"children\":[\"$\",\"$L18\",null,{\"src\":\"https://cdn.sanity.io/images/y3fjfzcd/production/36f92057723d4313c016d08e9e7bc42323493f4a-1601x1041.png\",\"alt\":\"CopilotKit v1.0 Launc
28h 🚀 GenUI, GraphQL protocol, React SDK hooks\",\"fill\":true,\"sizes\":\"(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw\",\"className\":\"object-cover\"}]}],[\"$\",\"div\",null,{\"className\":\"flex h-full flex-col gap-3 bg-white/50 p-6 pb-5 lg:pb-[30px]\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-col items-start text-gray-800\",\"children\":[[\"$\",\"span\",null,{\"children\":[\"Atai Barkai\",\" \",false]}],[\"$\",\"span\",null,{\"children\":\"July 8, 2024\"}]]}],[\"$\",\"span\",null,{\"className\":\"text-lg leading-[20px] font-medium text-gray-1000 lg:text-xl lg:leading-[24px]\",\"children\":\"CopilotKit v1.0 Launch 🚀 GenUI, GraphQL protocol, React SDK hooks\"}],[\"$\",\"span\",null,{\"className\":\"line-clamp-3 min-h-[66px] text-sm leading-[22px] font-medium text-gray-800\",\"children\":\"Introducing CopilotKit V1, includes: Generative UI, GraphQL platform enhancements, React SDK hooks \u0026 more!\"}]]}]]}],[\"$\",\"$L17\",\"66dae9fe3a50df52a960432c\",{\"href\":\"/blog/ceiling-is-being-raised\",\"className\":\"flex h-full w-full flex-col overflow-hidden rounded-lg border border-white lg:rounded-xl\",\"children\":[[\"$\",\"div\",null,{\"className\":\"relative aspect-[16/10] w-full shrink-0 overflow-hidden\",\"children\":[\"$\",\"$L18\",null,{\"src\":\"https://cdn.sanity.io/images/y3fjfzcd/production/fa6ae09903c8cd99f198253b51567d78a7e3a529-1601x1041.png\",\"alt\":\"🚀 Ceiling is being raised: analyzing our \\\"superhuman code\\\" that broke twitter (and why it's actually good code!)\",\"fill\":true,\"sizes\":\"(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw\",\"className\":\"object-cover\"}]}],[\"$\",\"div\",null,{\"className\":\"flex h-full flex-col gap-3 bg-white/50 p-6 pb-5 lg:pb-[30px]\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-col items-start text-gray-800\",\"children\":[[\"$\",\"span\",null,{\"children\":[\"Atai Barkai\",\" \",false]}],[\"$\",\"span\",null,{\"children\":\"July 8, 2024\"}]]}],[\"$\",\"span\",null,{\"className\":\"text-lg leading-[20px] font-medium text-gray-1000 lg:text-xl lg:leading-[24px]\",\"children\":\"🚀 Ceiling is being raised: analyzing our \\\"superhuman code\\\" that broke twitter (and why it's actually good code!)\"}],[\"$\",\"span\",null,{\"className\":\"line-clamp-3 min-h-[66px] text-sm leading-[22px] font-medium text-gray-800\",\"children\":\"Explore the transformative impact of AI-enhanced coding with Atai Barkai's blog, which delves into the potent code developed by CopilotKit engineers that stirred considerable buzz on Twitter.\"}]]}]]}],[\"$\",\"$L17\",\"66dae9fca8e9a90495ba013e\",{\"href\":\"/blog/how-gpt-gemini-and-llava-handle-multimodal-conflict\",\"className\":\"flex h-full w-full flex-col overflow-hidden rounded-lg border border-white lg:rounded-xl\",\"children\":[[\"$\",\"div\",null,{\"className\":\"relative aspect-[16/10] w-full shrink-0 overflow-hidden\",\"children\":[\"$\",\"$L18\",null,{\"src\":\"https://cdn.sanity.io/images/y3fjfzcd/production/30515fdefc11ac8144ecdc703542c866726a4b9d-1602x1041.png\",\"alt\":\"🤩 THIS IS A PICTURE OF A PENGUIN: How GPT4, Gemini \u0026 LLaVA handle multimodal conflict\",\"fill\":true,\"sizes\":\"(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw\",\"className\":\"object-cover\"}]}],[\"$\",\"div\",null,{\"className\":\"flex h-full flex-col gap-3 bg-white/50 p-6 pb-5 lg:pb-[30px]\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-col items-start text-gray-800\",\"children\":[[\"$\",\"span\",null,{\"children\":[\"Richard Aragon\",\" \",\"and Atai Barkai\"]}],[\"$\",\"span\",null,{\"children\":\"February 28, 2024\"}]]}],[\"$\",\"span\",null,{\"className\":\"text-lg leading-[20px] font-medium text-gray-1000 lg:text-xl lg:leading-[24px]\",\"children\":\"🤩 THIS IS A PICTURE OF A PENGUIN: How GPT4, Gemini \u0026 LLaVA handle multimodal conflict\"}],[\"$\",\"span\",null,{\"className\":\"line-clamp-3 min-h-[66px] text-sm leading-[22px] font-medium text-gray-800\",\"children\":\"Explore the intricate workings of multimodal AI systems in the detailed examination provided by the latest article on multimodal models. \"}]]}]]}],[\"$\",\"$L17\",\"66dae9fce004702dd2564efd\",{\"href\":\"/blog/rag-vs-context-window-in-gpt-4\",\"className\":\"flex h-full w-full flex-col overflow-hidden rounded-lg border border-white lg:rounded-xl\",\"children\":[[\"$\",\"div\",null,{\"className\":\"relative aspect-[16/10] w-full shrink-0 overflow-hidden\",\"children\":[\"$\",\"$L18\",null,{\"src\":\"https://cdn.sanity.io/images/y3fjfzcd/production/f0059b2cdfc4f1f3399119ff2cf8b5428e2f39cf-1601x1041.png\",\"alt\":\"🌐 RAG vs. Context-Window in GPT-4: accuracy, cost, \u0026 latency\",\"fill\":true,\"sizes\":\"(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw\",\"className\":\"object-cover\"}]}],[\"$\",\"div\",null,{\"className\":\"flex h-full flex-col gap-3 bg-white/50 p-6 pb-5 lg:pb-[30px]\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-col items-start text-gray-800\",\"children\":[[\"$\",\"span\",null,{\"children\":[\"Atai Barkai\",\" \",false]}],[\"$\",\"span\",null,{\"children\":\"December 5, 2023\"}]]}],[\"$\",\"span\",null,{\"className\":\"text-lg leading-[20px] font-medium text-gray-1000 lg:text-xl lg:leading-[24px]\",\"children\":\"🌐 RAG vs. Context-Window in GPT-4: accuracy, cost, \u0026 latency\"}],[\"$\",\"span\",null,{\"className\":\"line-clamp-3 min-h-[66px] text-sm leading-[22px] font-medium text-gray-800\",\"children\":\"Explore the advanced capabilities of LLMs in the latest analytical post that delves into the effectiveness of Retrieval Augmented Generation (RAG) versus GPT-4's context-window stuffing. \"}]]}]]}]]}]}]}],[\"$\",\"$L1c\",null,{}]]}]\n"])</script>
28<script>self.__next_f.push([1,"1d:I[89947,[\"9320\",\"static/chunks/962fefad-9d7b9065d9ca5f08.js?dpl=dpl_6PRq2pzNmJwiK3QXgfRscSuFSmeS\",\"3829\",\"static/chunks/3829-71a9babe9f308215.js?dpl=dpl_6PRq2pzNmJwiK3QXgfRscSuFSmeS\",\"1844\",\"static/chunks/1844-f34025f7df46a3f0.js?dpl=dpl_6PRq2pzNmJwiK3QXgfRscSuFSmeS\",\"4802\",\"static/chunks/4802-ae80319785ea09d6.js?dpl=dpl_6PRq2pzNmJwiK3QXgfRscSuFSmeS\",\"8108\",\"static/chunks/8108-2a6ea63424fc0465.js?dpl=dpl_6PRq2pzNmJwiK3QXgfRscSuFSmeS\",\"5179\",\"static/chunks/5179-eca0393f1ac1ad65.js?dpl=dpl_6PRq2pzNmJwiK3QXgfRscSuFSmeS\",\"3881\",\"static/chunks/3881-f711d0020fd537c1.js?dpl=dpl_6PRq2pzNmJwiK3QXgfRscSuFSmeS\",\"4077\",\"static/chunks/4077-6d4759318766a5f2.js?dpl=dpl_6PRq2pzNmJwiK3QXgfRscSuFSmeS\",\"2922\",\"static/chunks/app/(openbot)/layout-91aebd396d2bc2b8.js?dpl=dpl_6PRq2pzNmJwiK3QXgfRscSuFSmeS\"],\"PHProvider\"]\n1e:I[22027,[\"9320\",\"static/chunks/962fefad-9d7b9065d9ca5f08.js?dpl=dpl_6PRq2pzNmJwiK3QXgfRscSuFSmeS\",\"8108\",\"static/chunks/8108-2a6ea63424fc0465.js?dpl=dpl_6PRq2pzNmJwiK3QXgfRscSuFSmeS\",\"1631\",\"static/chunks/1631-dba3ca1a67442a77.js?dpl=dpl_6PRq2pzNmJwiK3QXgfRscSuFSmeS\",\"5180\",\"static/chunks/5180-88530fc92ddfdc6d.js?dpl=dpl_6PRq2pzNmJwiK3QXgfRscSuFSmeS\",\"3498\",\"static/chunks/app/(default)/layout-2a0c1d663f92fa57.js?dpl=dpl_6PRq2pzNmJwiK3QXgfRscSuFSmeS\"],\"default\"]\n20:I[81098,[\"9320\",\"static/chunks/962fefad-9d7b9065d9ca5f08.js?dpl=dpl_6PRq2pzNmJwiK3QXgfRscSuFSmeS\",\"3829\",\"static/chunks/3829-71a9babe9f308215.js?dpl=dpl_6PRq2pzNmJwiK3QXgfRscSuFSmeS\",\"1844\",\"static/chunks/1844-f34025f7df46a3f0.js?dpl=dpl_6PRq2pzNmJwiK3QXgfRscSuFSmeS\",\"4802\",\"static/chunks/4802-ae80319785ea09d6.js?dpl=dpl_6PRq2pzNmJwiK3QXgfRscSuFSmeS\",\"8108\",\"static/chunks/8108-2a6ea63424fc0465.js?dpl=dpl_6PRq2pzNmJwiK3QXgfRscSuFSmeS\",\"5179\",\"static/chunks/5179-eca0393f1ac1ad65.js?dpl=dpl_6PRq2pzNmJwiK3QXgfRscSuFSmeS\",\"3881\",\"static/chunks/3881-f711d0020fd537c1.js?dpl=dpl_6PRq2pzNmJwiK3QXgfRscSuFSmeS\",\"4077\",\"static/chunks/4077-6d4759318766a5f2.js?dpl=dpl_6PRq2pzNmJwiK3QXgfRscSuFSmeS\",\"2922\",\"static/chunks/app/(openbot)/layout-91aebd396d2bc2b8.js?dpl=dpl_"])</script>
28<script>self.__next_f.push([1,"6PRq2pzNmJwiK3QXgfRscSuFSmeS\"],\"ScarfPixel\"]\n"])</script>
28<script>self.__next_f.push([1,"14:[\"$\",\"$L1d\",null,{\"bootstrap\":{\"distinctID\":\"28939b64-bff3-4a77-983f-3c267a781de4\",\"featureFlags\":{\"homepage-hero-cta\":\"control\",\"homepage-book-a-demo\":\"solo\",\"homepage-nav-cta-swap\":\"variant_b\",\"cloud-by-default\":false,\"hide-logs\":false,\"sign-up-form-simple-vs-decorated\":\"control\",\"enterprise-by-default\":\"cloud-plus-selfhosted\",\"try-channels-playground-cta-experiment\":\"no_playground\",\"talk-to-engineer-booker\":\"calendly_v2\",\"enterprise-dashboard\":true},\"featureFlagPayloads\":{\"homepage-hero-cta\":\"$undefined\",\"homepage-book-a-demo\":\"$undefined\",\"homepage-nav-cta-swap\":\"$undefined\",\"sign-up-form-simple-vs-decorated\":\"$undefined\",\"enterprise-by-default\":{\"cloudByDefault\":true,\"selfHosted\":true,\"branch\":\"B\"},\"try-channels-playground-cta-experiment\":\"$undefined\",\"talk-to-engineer-booker\":\"$undefined\",\"enterprise-dashboard\":\"$undefined\"}},\"children\":[\"$\",\"$L1e\",null,{\"children\":[\"$\",\"body\",null,{\"className\":\"antialiased bg-gradient font-jakarta\",\"children\":[[\"$\",\"$L2\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":\"$L1f\",\"templateStyles\":[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/062c20f3245b1d6e.css?dpl=dpl_6PRq2pzNmJwiK3QXgfRscSuFSmeS\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}]],\"templateScripts\":[],\"notFound\":[[[\"$\",\"title\",null,{\"children\":\"404: This page could not be found.\"}],[\"$\",\"div\",null,{\"style\":\"$0:f:0:1:1:props:children:1:props:notFound:0:1:props:style\",\"children\":[\"$\",\"div\",null,{\"children\":[[\"$\",\"style\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}\"}}],[\"$\",\"h1\",null,{\"className\":\"next-error-h1\",\"style\":\"$0:f:0:1:1:props:children:1:props:notFound:0:1:props:children:props:children:1:props:style\",\"children\":404}],[\"$\",\"div\",null,{\"style\":\"$0:f:0:1:1:props:children:1:props:notFound:0:1:props:children:props:children:2:props:style\",\"children\":[\"$\",\"h2\",null,{\"style\":\"$0:f:0:1:1:props:children:1:props:notFound:0:1:props:children:props:children:2:props:children:props:style\",\"children\":\"This page could not be found.\"}]}]]}]}]],[]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}],null,[\"$\",\"$L20\",null,{}],[[\"$\",\"$L13\",null,{\"id\":\"hubspot-script\",\"src\":\"https://js.hs-scripts.com/45532593.js\",\"type\":\"text/javascript\",\"strategy\":\"lazyOnload\"}],[\"$\",\"$L13\",null,{\"id\":\"rb2b-script\",\"strategy\":\"lazyOnload\",\"dangerouslySetInnerHTML\":{\"__html\":\"!function () {var reb2b = window.reb2b = window.reb2b || [];if (reb2b.invoked) return;reb2b.invoked = true;reb2b.methods = [\\\"identify\\\", \\\"collect\\\"];reb2b.factory = function (method) {return function () {var args = Array.prototype.slice.call(arguments);args.unshift(method);reb2b.push(args);return reb2b;};};for (var i = 0; i \u003c reb2b.methods.length; i++) {var key = reb2b.methods[i];reb2b[key] = reb2b.factory(key);}reb2b.load = function (key) {var script = document.createElement(\\\"script\\\");script.type = \\\"text/javascript\\\";script.async = true;script.src = \\\"https://b2bjsstore.s3.us-west-2.amazonaws.com/b/\\\" + key + \\\"/GOYPYHVD49OX.js.gz\\\";var first = document.getElementsByTagName(\\\"script\\\")[0];first.parentNode.insertBefore(script, first);};reb2b.SNIPPET_VERSION = \\\"1.0.1\\\";reb2b.load(\\\"GOYPYHVD49OX\\\");}();\"}}],[\"$\",\"$L13\",null,{\"id\":\"reo-init-script\",\"strategy\":\"lazyOnload\",\"dangerouslySetInnerHTML\":{\"__html\":\"!function(){var e,t,n;e=\\\"f6eae27a6f1c6bb\\\";t=function(){if(window.Reo){window.Reo.init({clientID:\\\"f6eae27a6f1c6bb\\\",enableThirdPartyTracking:true});}};n=document.createElement(\\\"script\\\");n.src=\\\"https://static.reo.dev/\\\"+e+\\\"/reo.js\\\";n.defer=true;n.onload=t;document.head.appendChild(n);}();\"}}]],[\"\",\"\"],false]}]}]}]\n"])</script>
28<script>self.__next_f.push([1,"21:I[18395,[\"9320\",\"static/chunks/962fefad-9d7b9065d9ca5f08.js?dpl=dpl_6PRq2pzNmJwiK3QXgfRscSuFSmeS\",\"3777\",\"static/chunks/e8cc0388-e956e5f249ebb664.js?dpl=dpl_6PRq2pzNmJwiK3QXgfRscSuFSmeS\",\"6441\",\"static/chunks/539845e3-11020f5b256d6ca0.js?dpl=dpl_6PRq2pzNmJwiK3QXgfRscSuFSmeS\",\"3458\",\"static/chunks/3f731c04-7f63247fd47237f3.js?dpl=dpl_6PRq2pzNmJwiK3QXgfRscSuFSmeS\",\"3935\",\"static/chunks/15a83e89-9b6ac708da0bb971.js?dpl=dpl_6PRq2pzNmJwiK3QXgfRscSuFSmeS\",\"3829\",\"static/chunks/3829-71a9babe9f308215.js?dpl=dpl_6PRq2pzNmJwiK3QXgfRscSuFSmeS\",\"2714\",\"static/chunks/2714-1c741ec5cb708c0c.js?dpl=dpl_6PRq2pzNmJwiK3QXgfRscSuFSmeS\",\"1844\",\"static/chunks/1844-f34025f7df46a3f0.js?dpl=dpl_6PRq2pzNmJwiK3QXgfRscSuFSmeS\",\"5991\",\"static/chunks/5991-0ab49de2e9e0902d.js?dpl=dpl_6PRq2pzNmJwiK3QXgfRscSuFSmeS\",\"8108\",\"static/chunks/8108-2a6ea63424fc0465.js?dpl=dpl_6PRq2pzNmJwiK3QXgfRscSuFSmeS\",\"1631\",\"static/chunks/1631-dba3ca1a67442a77.js?dpl=dpl_6PRq2pzNmJwiK3QXgfRscSuFSmeS\",\"5165\",\"static/chunks/5165-c22e8dd171d2110f.js?dpl=dpl_6PRq2pzNmJwiK3QXgfRscSuFSmeS\",\"4244\",\"static/chunks/4244-644ab31f30fbf1b2.js?dpl=dpl_6PRq2pzNmJwiK3QXgfRscSuFSmeS\",\"2375\",\"static/chunks/2375-dbe6222470f6d66b.js?dpl=dpl_6PRq2pzNmJwiK3QXgfRscSuFSmeS\",\"3254\",\"static/chunks/app/(default)/template-b1c5de1146a77267.js?dpl=dpl_6PRq2pzNmJwiK3QXgfRscSuFSmeS\"],\"default\"]\n24:I[14053,[\"9320\",\"static/chunks/962fefad-9d7b9065d9ca5f08.js?dpl=dpl_6PRq2pzNmJwiK3QXgfRscSuFSmeS\",\"3777\",\"static/chunks/e8cc0388-e956e5f249ebb664.js?dpl=dpl_6PRq2pzNmJwiK3QXgfRscSuFSmeS\",\"6441\",\"static/chunks/539845e3-11020f5b256d6ca0.js?dpl=dpl_6PRq2pzNmJwiK3QXgfRscSuFSmeS\",\"3458\",\"static/chunks/3f731c04-7f63247fd47237f3.js?dpl=dpl_6PRq2pzNmJwiK3QXgfRscSuFSmeS\",\"3935\",\"static/chunks/15a83e89-9b6ac708da0bb971.js?dpl=dpl_6PRq2pzNmJwiK3QXgfRscSuFSmeS\",\"3829\",\"static/chunks/3829-71a9babe9f308215.js?dpl=dpl_6PRq2pzNmJwiK3QXgfRscSuFSmeS\",\"2714\",\"static/chunks/2714-1c741ec5cb708c0c.js?dpl=dpl_6PRq2pzNmJwiK3QXgfRscSuFSmeS\",\"1844\",\"static/chunks/1844-f34025f7df46a3f0.js?dpl=dpl_6PRq2pzNmJwiK3QXgfRscSuFSmeS\""])</script>
28<script>self.__next_f.push([1,",\"5991\",\"static/chunks/5991-0ab49de2e9e0902d.js?dpl=dpl_6PRq2pzNmJwiK3QXgfRscSuFSmeS\",\"8108\",\"static/chunks/8108-2a6ea63424fc0465.js?dpl=dpl_6PRq2pzNmJwiK3QXgfRscSuFSmeS\",\"1631\",\"static/chunks/1631-dba3ca1a67442a77.js?dpl=dpl_6PRq2pzNmJwiK3QXgfRscSuFSmeS\",\"5165\",\"static/chunks/5165-c22e8dd171d2110f.js?dpl=dpl_6PRq2pzNmJwiK3QXgfRscSuFSmeS\",\"4244\",\"static/chunks/4244-644ab31f30fbf1b2.js?dpl=dpl_6PRq2pzNmJwiK3QXgfRscSuFSmeS\",\"2375\",\"static/chunks/2375-dbe6222470f6d66b.js?dpl=dpl_6PRq2pzNmJwiK3QXgfRscSuFSmeS\",\"3254\",\"static/chunks/app/(default)/template-b1c5de1146a77267.js?dpl=dpl_6PRq2pzNmJwiK3QXgfRscSuFSmeS\"],\"default\"]\n25:I[19394,[\"9320\",\"static/chunks/962fefad-9d7b9065d9ca5f08.js?dpl=dpl_6PRq2pzNmJwiK3QXgfRscSuFSmeS\",\"3777\",\"static/chunks/e8cc0388-e956e5f249ebb664.js?dpl=dpl_6PRq2pzNmJwiK3QXgfRscSuFSmeS\",\"6441\",\"static/chunks/539845e3-11020f5b256d6ca0.js?dpl=dpl_6PRq2pzNmJwiK3QXgfRscSuFSmeS\",\"3458\",\"static/chunks/3f731c04-7f63247fd47237f3.js?dpl=dpl_6PRq2pzNmJwiK3QXgfRscSuFSmeS\",\"3935\",\"static/chunks/15a83e89-9b6ac708da0bb971.js?dpl=dpl_6PRq2pzNmJwiK3QXgfRscSuFSmeS\",\"3829\",\"static/chunks/3829-71a9babe9f308215.js?dpl=dpl_6PRq2pzNmJwiK3QXgfRscSuFSmeS\",\"2714\",\"static/chunks/2714-1c741ec5cb708c0c.js?dpl=dpl_6PRq2pzNmJwiK3QXgfRscSuFSmeS\",\"1844\",\"static/chunks/1844-f34025f7df46a3f0.js?dpl=dpl_6PRq2pzNmJwiK3QXgfRscSuFSmeS\",\"5991\",\"static/chunks/5991-0ab49de2e9e0902d.js?dpl=dpl_6PRq2pzNmJwiK3QXgfRscSuFSmeS\",\"8108\",\"static/chunks/8108-2a6ea63424fc0465.js?dpl=dpl_6PRq2pzNmJwiK3QXgfRscSuFSmeS\",\"1631\",\"static/chunks/1631-dba3ca1a67442a77.js?dpl=dpl_6PRq2pzNmJwiK3QXgfRscSuFSmeS\",\"5165\",\"static/chunks/5165-c22e8dd171d2110f.js?dpl=dpl_6PRq2pzNmJwiK3QXgfRscSuFSmeS\",\"4244\",\"static/chunks/4244-644ab31f30fbf1b2.js?dpl=dpl_6PRq2pzNmJwiK3QXgfRscSuFSmeS\",\"2375\",\"static/chunks/2375-dbe6222470f6d66b.js?dpl=dpl_6PRq2pzNmJwiK3QXgfRscSuFSmeS\",\"3254\",\"static/chunks/app/(default)/template-b1c5de1146a77267.js?dpl=dpl_6PRq2pzNmJwiK3QXgfRscSuFSmeS\"],\"default\"]\n22:T75c,M22.29 1.7021C20.6243 0.914273 18.8382 0.333835 16.9706 0.00139455C16.9366 -0"])</script>
28<script>self.__next_f.push([1,".00502146 16.9026 0.0110125 16.8851 0.0430811C16.6554 0.464242 16.4009 1.01368 16.2228 1.44554C14.2141 1.13555 12.2157 1.13555 10.2483 1.44554C10.0701 1.00408 9.80637 0.464242 9.57562 0.0430811C9.5581 0.0120824 9.52412 -0.00395149 9.49011 0.00139455C7.62361 0.332773 5.83745 0.91321 4.17077 1.7021C4.15634 1.70851 4.14397 1.71921 4.13576 1.7331C0.747797 6.95066 -0.180309 12.04 0.274988 17.0662C0.277048 17.0908 0.290439 17.1143 0.308981 17.1293C2.54426 18.8214 4.70952 19.8487 6.83456 20.5296C6.86857 20.5403 6.90461 20.5275 6.92625 20.4986C7.42893 19.791 7.87703 19.0448 8.26122 18.2602C8.2839 18.2143 8.26225 18.1597 8.21591 18.1416C7.50516 17.8636 6.82838 17.5248 6.17736 17.14C6.12587 17.109 6.12175 17.033 6.16912 16.9967C6.30612 16.8909 6.44315 16.7808 6.57397 16.6696C6.59763 16.6493 6.63061 16.645 6.65844 16.6578C10.9353 18.6707 15.5656 18.6707 19.792 16.6578C19.8198 16.6439 19.8528 16.6482 19.8775 16.6685C20.0083 16.7797 20.1453 16.8909 20.2834 16.9967C20.3307 17.033 20.3276 17.109 20.2762 17.14C19.6251 17.5322 18.9484 17.8636 18.2366 18.1405C18.1902 18.1587 18.1696 18.2143 18.1923 18.2602C18.5847 19.0437 19.0328 19.7899 19.5262 20.4975C19.5468 20.5275 19.5839 20.5403 19.6179 20.5296C21.7533 19.8487 23.9185 18.8214 26.1538 17.1293C26.1734 17.1143 26.1857 17.0919 26.1878 17.0673C26.7327 11.2564 25.2751 6.20882 22.3239 1.73416C22.3167 1.71921 22.3044 1.70851 22.29 1.7021ZM8.89991 14.0058C7.61227 14.0058 6.55129 12.7872 6.55129 11.2906C6.55129 9.79408 7.59169 8.57549 8.89991 8.57549C10.2184 8.57549 11.2691 9.80478 11.2485 11.2906C11.2485 12.7872 10.2081 14.0058 8.89991 14.0058ZM17.5835 14.0058C16.2959 14.0058 15.2349 12.7872 15.2349 11.2906C15.2349 9.79408 16.2753 8.57549 17.5835 8.57549C18.902 8.57549 19.9527 9.80478 19.9321 11.2906C19.9321 12.7872 18.902 14.0058 17.5835 14.0058Z23:T551,M14.9959 0.314453C11.6457 0.316191 8.40532 1.50277 5.85423 3.66201C3.30314 5.82126 1.60767 8.81237 1.07099 12.1005C0.534302 15.3886 1.19139 18.7594 2.92477 21.61C4.65816 24.4606 7.35479 26.6052 10.5325 27.6604C11.2336 27.7905 11.4976"])</script>
28<script>self.__next_f.push([1," 27.356 11.4976 26.9865C11.4976 26.6171 11.4836 25.5459 11.4789 24.3748C7.55302 25.2229 6.72344 22.7182 6.72344 22.7182C6.08315 21.0917 5.15776 20.6641 5.15776 20.6641C3.87717 19.7951 5.25357 19.8114 5.25357 19.8114C6.67204 19.9113 7.4175 21.259 7.4175 21.259C8.67472 23.4036 10.7194 22.7832 11.5233 22.4207C11.6495 21.5122 12.0164 20.8942 12.4207 20.5433C9.28463 20.1901 5.98967 18.9865 5.98967 13.6098C5.97024 12.2154 6.49064 10.8669 7.4432 9.84335C7.29831 9.49017 6.81458 8.06351 7.58106 6.12566C7.58106 6.12566 8.76585 5.74925 11.4626 7.56394C13.7756 6.93499 16.2161 6.93499 18.5292 7.56394C21.2236 5.74925 22.406 6.12566 22.406 6.12566C23.1748 8.05886 22.6911 9.48552 22.5462 9.84335C23.5018 10.8671 24.0233 12.2179 24.0021 13.6145C24.0021 19.0028 20.7001 20.1901 17.5594 20.5363C18.0642 20.9732 18.5152 21.8259 18.5152 23.1364C18.5152 25.0138 18.4988 26.5241 18.4988 26.9865C18.4988 27.3606 18.7535 27.7974 19.4686 27.6604C22.6467 26.6051 25.3436 24.4601 27.0769 21.609C28.8103 18.7579 29.467 15.3866 28.9297 12.0982C28.3924 8.80977 26.6961 5.81863 24.1442 3.65976C21.5923 1.50089 18.3512 0.31509 15.0005 0.314453H14.9959Z"])</script>
28<script>self.__next_f.push([1,"1f:[\"$\",\"$L21\",null,{\"footer\":[\"$\",\"div\",null,{\"className\":\"contents\",\"data-default-layout-chrome\":\"footer\",\"children\":[\"$\",\"footer\",null,{\"className\":\"relative mt-11 flex justify-center overflow-hidden bg-gray-1000 px-5 pt-10 sm:px-8 lg:mt-18 lg:px-11\",\"children\":[[\"$\",\"div\",null,{\"className\":\"mx-auto w-full max-w-[1152px] xl:max-w-[1368px]\",\"children\":[[\"$\",\"div\",null,{\"className\":\"mb-11 flex flex-col gap-11 lg:flex-row lg:justify-between\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-col gap-6 lg:w-[200px] lg:shrink-0\",\"children\":[[\"$\",\"$L18\",null,{\"src\":\"/icons/copilot-kit-logo-white.svg\",\"alt\":\"Copilot Kit Logo\",\"width\":146,\"height\":28}],[\"$\",\"ul\",null,{\"className\":\"flex gap-2\",\"children\":[[\"$\",\"li\",\"0\",{\"children\":[\"$\",\"a\",null,{\"href\":\"https://go.copilotkit.ai/discord-community\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"className\":\"group flex h-[44px] w-[44px] items-center justify-center rounded-full bg-[rgba(255,255,255,0.06)] hover:cursor-pointer\",\"aria-label\":\"Follow us on social media\",\"children\":[\"$\",\"svg\",null,{\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":20,\"height\":20,\"viewBox\":\"0 0 27 21\",\"fill\":\"none\",\"color\":\"#fff\",\"className\":\"transition group-hover:text-accent-purple\",\"children\":[\"$\",\"path\",null,{\"d\":\"$22\",\"fill\":\"currentColor\"}]}]}]}],[\"$\",\"li\",\"1\",{\"children\":[\"$\",\"a\",null,{\"href\":\"https://go.copilotkit.ai/copilotkit-github\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"className\":\"group flex h-[44px] w-[44px] items-center justify-center rounded-full bg-[rgba(255,255,255,0.06)] hover:cursor-pointer\",\"aria-label\":\"Follow us on social media\",\"children\":[\"$\",\"svg\",null,{\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":20,\"height\":20,\"viewBox\":\"0 0 30 28\",\"fill\":\"none\",\"color\":\"#fff\",\"className\":\"transition group-hover:text-accent-purple\",\"children\":[[\"$\",\"path\",null,{\"fillRule\":\"evenodd\",\"clipRule\":\"evenodd\",\"d\":\"$23\",\"fill\":\"currentColor\"}],[\"$\",\"path\",null,{\"d\":\"M6.2276 20.4618C6.19722 20.5315 6.08505 20.5524 5.99392 20.5036C5.90278 20.4548 5.83502 20.3642 5.86773 20.2922C5.90045 20.2201 6.01028 20.2016 6.10142 20.2503C6.19255 20.2991 6.26265 20.3921 6.2276 20.4618Z\",\"fill\":\"currentColor\"}],[\"$\",\"path\",null,{\"d\":\"M6.79981 21.0962C6.75141 21.1204 6.69605 21.1272 6.64319 21.1153C6.59033 21.1034 6.54326 21.0737 6.51004 21.0311C6.41891 20.9335 6.4002 20.7987 6.47031 20.7383C6.54041 20.6779 6.66661 20.7058 6.75775 20.8034C6.84888 20.901 6.86991 21.0357 6.79981 21.0962Z\",\"fill\":\"currentColor\"}],[\"$\",\"path\",null,{\"d\":\"M7.35575 21.903C7.26928 21.9634 7.12205 21.903 7.04026 21.7821C7.01765 21.7605 6.99966 21.7345 6.98738 21.7057C6.97509 21.677 6.96875 21.6461 6.96875 21.6148C6.96875 21.5836 6.97509 21.5527 6.98738 21.524C6.99966 21.4952 7.01765 21.4692 7.04026 21.4475C7.12673 21.3895 7.27396 21.4475 7.35575 21.566C7.43754 21.6845 7.43987 21.8425 7.35575 21.903Z\",\"fill\":\"currentColor\"}],[\"$\",\"path\",null,{\"d\":\"M8.11289 22.684C8.03577 22.77 7.87921 22.7468 7.75068 22.6306C7.62216 22.5144 7.59177 22.3564 7.66888 22.2728C7.746 22.1891 7.90257 22.2124 8.03577 22.3262C8.16897 22.4401 8.19468 22.6004 8.11289 22.684Z\",\"fill\":\"currentColor\"}],[\"$\",\"path\",null,{\"d\":\"M9.16966 23.1386C9.13461 23.2478 8.9757 23.2966 8.81679 23.2501C8.65789 23.2036 8.55273 23.0735 8.58311 22.962C8.61349 22.8504 8.77473 22.7993 8.93597 22.8504C9.09722 22.9016 9.20004 23.0247 9.16966 23.1386Z\",\"fill\":\"currentColor\"}],[\"$\",\"path\",null,{\"d\":\"M10.324 23.2177C10.324 23.3316 10.1931 23.4291 10.0249 23.4315C9.85662 23.4338 9.71875 23.3408 9.71875 23.227C9.71875 23.1131 9.84961 23.0156 10.0179 23.0132C10.1861 23.0109 10.324 23.1015 10.324 23.2177Z\",\"fill\":\"currentColor\"}],[\"$\",\"path\",null,{\"d\":\"M11.3998 23.0388C11.4208 23.1527 11.304 23.2712 11.1358 23.2991C10.9675 23.3269 10.8203 23.2596 10.7992 23.148C10.7782 23.0365 10.8997 22.9157 11.0633 22.8855C11.2269 22.8553 11.3788 22.925 11.3998 23.0388Z\",\"fill\":\"currentColor\"}]]}]}]}],[\"$\",\"li\",\"2\",{\"children\":[\"$\",\"a\",null,{\"href\":\"https://go.copilotkit.ai/socials-twitter\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"className\":\"group flex h-[44px] w-[44px] items-center justify-center rounded-full bg-[rgba(255,255,255,0.06)] hover:cursor-pointer\",\"aria-label\":\"Follow us on social media\",\"children\":[\"$\",\"svg\",null,{\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":20,\"height\"
28:20,\"viewBox\":\"0 0 22 22\",\"fill\":\"none\",\"color\":\"#fff\",\"className\":\"transition group-hover:text-accent-purple\",\"children\":[\"$\",\"path\",null,{\"d\":\"M13.0955 9.31648L21.2864 0H19.3456L12.2303 8.08768L6.55141 0H0L8.58949 12.2311L0 22H1.94072L9.45009 13.4571L15.4486 22H22L13.0955 9.31648ZM10.4365 12.3385L9.5649 11.1198L2.64059 1.43161H5.62193L11.2117 9.25316L12.0797 10.4719L19.3447 20.6381H16.3634L10.4365 12.3385Z\",\"fill\":\"currentColor\"}]}]}]}],[\"$\",\"li\",\"3\",{\"children\":[\"$\",\"a\",null,{\"href\":\"https://go.copilotkit.ai/socials-linkedin\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"className\":\"group flex h-[44px] w-[44px] items-center justify-center rounded-full bg-[rgba(255,255,255,0.06)] hover:cursor-pointer\",\"aria-label\":\"Follow us on social media\",\"children\":[\"$\",\"svg\",null,{\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":20,\"height\":20,\"viewBox\":\"0 0 26 26\",\"fill\":\"none\",\"color\":\"#fff\",\"className\":\"transition group-hover:text-accent-purple\",\"children\":[[\"$\",\"g\",null,{\"clipPath\":\"url(#clip0_113_653)\",\"children\":[\"$\",\"path\",null,{\"d\":\"M0.166016 3.59031C0.166016 2.76447 0.455063 2.08316 1.03313 1.54639C1.6112 1.0096 2.36272 0.741211 3.28764 0.741211C4.19605 0.741211 4.93102 1.00546 5.49259 1.534C6.07066 2.07905 6.35971 2.78924 6.35971 3.66463C6.35971 4.45743 6.07894 5.11807 5.51737 5.64662C4.9393 6.19166 4.17953 6.46418 3.23809 6.46418H3.21331C2.3049 6.46418 1.56993 6.19166 1.00836 5.64662C0.446788 5.10157 0.166016 4.41613 0.166016 3.59031ZM0.488088 25.2682V8.71869H5.98809V25.2682H0.488088ZM9.03539 25.2682H14.5354V16.0272C14.5354 15.4492 14.6015 15.0032 14.7336 14.6894C14.9648 14.1278 15.3158 13.653 15.7865 13.2649C16.2572 12.8767 16.8477 12.6827 17.5579 12.6827C19.4078 12.6827 20.3327 13.9296 20.3327 16.4236V25.2682H25.8327V15.7795C25.8327 13.335 25.2546 11.4811 24.0984 10.2176C22.9423 8.95405 21.4145 8.32229 19.5151 8.32229C17.3845 8.32229 15.7246 9.23896 14.5354 11.0723V11.1218H14.5106L14.5354 11.0723V8.71869H9.03539C9.06841 9.24721 9.08494 10.8906 9.08494 13.6489C9.08494 16.4071 9.06841 20.2802 9.03539 25.2682Z\",\"fill\":\"currentColor\"}]}],[\"$\",\"defs\",null,{\"children\":[\"$\",\"clipPath\",null,{\"id\":\"clip0_113_653\",\"children\":[\"$\",\"rect\",null,{\"x\":\"0.166016\",\"y\":\"0.166504\",\"width\":\"25.6667\",\"height\":\"25.6667\",\"fill\":\"currentColor\"}]}]}]]}]}]}]]}]]}],[\"$\",\"div\",null,{\"className\":\"grid grid-cols-2 gap-x-8 gap-y-10 min-[600px]:grid-cols-4 lg:max-w-2xl lg:flex-1\",\"children\":[[\"$\",\"ul\",\"Product\",{\"className\":\"flex flex-col items-start gap-4 font-jakarta text-sm leading-[18px]\",\"children\":[[\"$\",\"li\",null,{\"className\":\"pb-1 leading-[22px] font-semibold text-white\",\"children\":\"Product\"}],[[\"$\",\"li\",\"Overview\",{\"className\":\"transition hover:text-white\",\"children\":[\"$\",\"a\",null,{\"className\":\"inline-flex min-h-[44px] items-center text-[#AFAFB7]\",\"href\":\"/product\",\"title\":\"Overview\",\"target\":\"$undefined\",\"rel\":\"$undefined\",\"children\":\"Overview\"}]}],[\"$\",\"li\",\"Frontend SDKs\",{\"className\":\"transition hover:text-white\",\"children\":[\"$\",\"a\",null,{\"className\":\"inline-flex min-h-[44px] items-center text-[#AFAFB7]\",\"href\":\"/product/framework\",\"title\":\"Frontend SDKs\",\"target\":\"$undefined\",\"rel\":\"$undefined\",\"children\":\"Frontend SDKs\"}]}],[\"$\",\"li\",\"Backend Connections\",{\"className\":\"transition hover:text-white\",\"children\":[\"$\",\"a\",null,{\"className\":\"inline-flex min-h-[44px] items-center text-[#AFAFB7]\",\"href\":\"/product/backends\",\"title\":\"Backend Connections\",\"target\":\"$undefined\",\"rel\":\"$undefined\",\"children\":\"Backend Connections\"}]}],[\"$\",\"li\",\"Channels\",{\"className\":\"transition hover:text-white\",\"children\":[\"$\",\"a\",null,{\"className\":\"inline-flex min-h-[44px] items-center text-[#AFAFB7]\",\"href\":\"/channels\",\"title\":\"Channels\",\"target\":\"$undefined\",\"rel\":\"$undefined\",\"children\":\"Channels\"}]}],[\"$\",\"li\",\"CopilotKit Intelligence\",{\"className\":\"transition hover:text-white\",\"children\":[\"$\",\"a\",null,{\"className\":\"inline-flex min-h-[44px] items-center text-[#AFAFB7]\",\"href\":\"/copilotkit-intelligence\",\"title\":\"CopilotKit Intelligence\",\"target\":\"$undefined\",\"rel\":\"$undefined\",\"children\":\"CopilotKit Intelligence\"}]}],[\"$\",\"li\",\"OpenBot\",{\"className\":\"transition hover:text-white\",\"children\":[\"$\",\"a\",null,{\"className\":\"inline-flex min-h-[44px] items-center text-[#AFAFB7]\",\"href\":\"/openbot\",\"title\":\"OpenBot\",\"target\":\"$undefined\",\"rel\":\"$undefined\",\"children\":\"OpenBot\"}]}],[\"$\",\"li\",\"OpenMuse\",{\"className\":\"transition hover:text-white\",\"children\":[\"$\",\"a\",null,{\"className\":\"inline-flex min-h-[44px] items-center text-[#AFAFB7]\",\"href\":\"/openmuse\",\"title\":\"OpenMuse\",\"target\":\"$undefined\",\"rel\":\"$undefined\",\"children\":\"OpenMuse\"}]}],[\"$\",\"li\",\"Pricing\",{\"className\":\"transition hover:text-white\",\"children\":[\"$\",\"a\",null,{\"className\":\"inline-flex min-h-[44px] items-center text-[#AFAFB7]\",\"href\":\"/pricing\",\"title\":\"Pricing\",\"target\":\"$undefined\",\"rel\":\"$undefined\",\"children\":\"Pricing\"}]}]]]}],[\"$\",\"ul\",\"Generative UI\",{\"className\":\"flex flex-col items-start gap-4 font-jakarta text-sm leading-[18px]\",\"children\":[[\"$\",\"li\",null,{\"className\":\"pb-1 leading-[22px] font-semibold text-white\",\"children\":\"Generative UI\"}],[[\"$\",\"li\",\"Gen UI\",{\"className\":\"transition hover:text-white\",\"children\":[\"$\",\"a\",null,{\"className\":\"inline-flex min-h-[44px] items-center text-[#AFAFB7]\",\"href\":\"/generative-ui\",\"title\":\"Gen UI\",\"target\":\"$undefined\",\"rel\":\"$undefined\",\"children\":\"Gen UI\"}]}],[\"$\",\"li\",\"A2UI\",{\"className\":\"transition hover:text-white\",\"children\":[\"$\",\"a\",null,{\"className\":\"inline-flex min-h-[44px] items-center text-[#AFAFB7]\",\"href\":\"/ag-ui-and-a2ui\",\"title\":\"A2UI\",\"target\":\"$undefined\",\"rel\":\"$undefined\",\"children\":\"A2UI\"}]}],[\"$\",\"li\",\"MCP Apps\",{\"className\":\"transition hover:text-white\",\"children\":[\"$\",\"a\",null,{\"className\":\"inline-flex min-h-[44px] items-center text-[#AFAFB7]\",\"href\":\"/mcp-apps\",\"title\":\"MCP Apps\",\"target\":\"$undefined\",\"rel\":\"$undefined\",\"children\":\"MCP Apps\"}]}],[\"$\",\"li\",\"AG-UI Protocol\",{\"className\":\"transition hover:text-white\",\"children\":[\"$\",\"a\",null,{\"className\":\"inline-flex min-h-[44px] items-center text-[#AFAFB7]\",\"href\":\"/ag-ui\",\"title\":\"AG-UI Protocol\",\"target\":\"$undefined\",\"rel\":\"$undefined\",\"children\":\"AG-UI Protocol\"}]}]]]}],[\"$\",\"ul\",\"Developers\",{\"className\":\"flex flex-col items-start gap-4 font-jakarta text-sm leading-[18px]\",\"children\":[[\"$\",\"li\",null,{\"className\":\"pb-1 leading-[22px] font-semibold text-white\",\"children\":\"Developers\"}],[[\"$\",\"li\",\"Docs\",{\"className\":\"transition hover:text-white\",\"children\":[\"$\",\"a\",null,{\"className\":\"inline-flex min-h-[44px] items-center text-[#AFAFB7]\",\"href\":\"https://docs.copilotkit.ai/\",\"title\":\"Docs\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"children\":\"Docs\"}]}],[\"$\",\"li\",\"Examples\",{\"className\":\"transition hover:text-white\",\"children\":[\"$\",\"a\",null,{\"className\":\"inline-flex min-h-[44px] items-center text-[#AFAFB7]\",\"href\":\"/examples\",\"title\":\"Examples\",\"target\":\"$undefined\",\"rel\":\"$undefined\",\"children\":\"Examples\"}]}],[\"$\",\"li\",\"Dojo\",{\"className\":\"transition hover:text-white\",\"children\":[\"$\",\"a\",null,{\"className\":\"inline-flex min-h-[44px] items-center text-[#AFAFB7]\",\"href\":\"https://dojo.showcase.copilotkit.ai/?integration=langgraph-python\u0026demo=beautiful-chat\",\"title\":\"Dojo\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"children\":\"Dojo\"}]}],[\"$\",\"li\",\"News\",{\"className\":\"transition hover:text-white\",\"children\":[\"$\",\"a\",null,{\"className\":\"inline-flex min-h-[44px] items-center text-[#AFAFB7]\",\"href\":\"/blog\",\"title\":\"News\",\"target\":\"$undefined\",\"rel\":\"$undefined\",\"children\":\"News\"}]}],[\"$\",\"li\",\"Blog\",{\"className\":\"transition hover:text-white\",\"children\":[\"$\",\"a\",null,{\"className\":\"inline-flex min-h-[44px] items-center text-[#AFAFB7]\",\"href\":\"/blog\",\"title\":\"Blog\",\"target\":\"$undefined\",\"rel\":\"$undefined\",\"children\":\"Blog\"}]}]]]}],[\"$\",\"ul\",\"Company\",{\"className\":\"flex flex-col items-start gap-4 font-jakarta text-sm leading-[18px]\",\"children\":[[\"$\",\"li\",null,{\"className\":\"pb-1 leading-[22px] font-semibold text-white\",\"children\":\"Company\"}],[[\"$\",\"li\",\"Contact Us\",{\"className\":\"transition hover:text-white\",\"children\":[\"$\",\"a\",null,{\"className\":\"inline-flex min-h-[44px] items-center text-[#AFAFB7]\",\"href\":\"/contact-us\",\"title\":\"Contact Us\",\"target\":\"$undefined\",\"rel\":\"$undefined\",\"children\":\"Contact Us\"}]}],[\"$\",\"li\",\"Careers\",{\"className\":\"transition hover:text-white\",\"children\":[\"$\",\"a\",null,{\"className\":\"inline-flex min-h-[44px] items-center text-[#AFAFB7]\",\"href\":\"/careers\",\"title\":\"Careers\",\"target\":\"$undefined\",\"rel\":\"$undefined\",\"children\":\"Careers\"}]}],[\"$\",\"li\",\"FAQ\",{\"className\":\"transition hover:text-white\",\"children\":[\"$\",\"a\",null,{\"className\":\"inline-flex min-h-[44px] items-center text-[#AFAFB7]\",\"href\":\"/faq\",\"title\":\"FAQ\",\"target\":\"$undefined\",\"rel\":\"$undefined\",\"children\":\"FAQ\"}]}]]]}]]}]]}],[\"$\",\"div\",null,{\"className\":\"flex flex-col items-center justify-between gap-7 border-t border-t-[rgba(255,255,255,0.15)] pt-6 pb-6 font-jakarta text-[#AFAFB7] sm:flex-row sm:flex-wrap sm:gap-4\",\"children\":[[\"$\",\"p\",null,{\"children\":\"© Tawkit, Inc. All rights reserved.\"}],[\"$\",\"div\",null,{\"className\":\"flex gap-8 text-[14px] leading-[22px]\",\"children\":[[\"$\",\"a\",null,{\"className\":\"inline-flex min-h-[44px] items-center\",\"href\":\"/terms-of-service\",\"title\":\"Terms of service\",\"children\":\"Terms of service\"}],[\"$\",\"a\",null,{\"className\":\"inline-flex min-h-[44px] items-center\",\"href\":\"/privacy-policy\",\"t
28itle\":\"Privacy Policy\",\"children\":\"Privacy Policy\"}]]}]]}]]}],[\"$\",\"div\",null,{\"className\":\"pointer-events-none absolute top-[3px] right-0 h-[664px] w-[50%] max-w-[664px] scale-[2] bg-[radial-gradient(closest-side,rgba(129,140,255,0.15),rgba(129,140,255,0.06)_40%,transparent_75%)]\"}],[\"$\",\"div\",null,{\"className\":\"pointer-events-none absolute -top-[219px] left-0 h-[739px] w-[50%] max-w-[739px] scale-[2] bg-[radial-gradient(closest-side,rgba(111,230,246,0.11),rgba(111,230,246,0.045)_40%,transparent_75%)]\"}]]}]}],\"header\":[\"$\",\"div\",null,{\"className\":\"contents\",\"data-default-layout-chrome\":\"header\",\"children\":[[\"$\",\"$L24\",null,{}],[\"$\",\"$L25\",null,{\"appearance\":\"default\"}]]}],\"initialIsStandaloneCampaign\":false,\"initialIsHomepage\":false,\"children\":[\"$\",\"$L3\",null,{}]}]\n"])</script>
28</body></html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.