A2UI Launched: Full CopilotKit support at launch!

A2UI Launched: CopilotKit has partnered with Google to deliver full support in both CopilotKit and AG-UI!

Check it out
LogoLogo
  • Overview
  • Integrations
  • API Reference
  • Copilot Cloud
Slanted end borderSlanted end border
Slanted start borderSlanted start border
Select integration...

Please select an integration to view the sidebar content.

CopilotKitCopilotKit
Open Agent Spec

Bring your Open Agent Spec agents to your users

Give your Open Agent Spec agents real user-interactivity using CopilotKit and AG-UI. Build rich, interactive, agent-powered applications.

Starter app from running npx copilotkit@latest init, demonstrating key features of CopilotKit with Open Agent Spec.

Key Features

Everything you need to build interactive, agent-powered applications

Generative UI

Render your agent's state, progress, outputs, and tool calls with custom UI components in real-time. Bridges the gap between AI agents and user interfaces.

Learn more →Live demo

Human in the Loop

Empower users to guide agents at key checkpoints. Combine the best of AI and human judgment for more reliable and controllable agent behavior.

Learn more →Live demo

Architecture

Understanding how CopilotKit and Open Agent Spec work together

CopilotKit Open Agent Spec Infrastructure Diagram

Live demo

Explore different types of agent-powered applications built with CopilotKit and Open Agent Spec.

SaaS Copilot

A traditional SaaS application enhanced with AI agents. These copilots integrate seamlessly into existing workflows, providing intelligent assistance for specific business processes. Perfect for customer service, sales automation, project management, and domain-specific tasks where users need guided, step-by-step AI assistance.

Next Steps

Ready to build your own agent-powered application?

Quickstart

Build your first agentic app with Open Agent Spec in minutes.

Feature Overview

Try the key features provided to your agent by CopilotKit.

Open Agent Spec + CopilotKit

Bring your Agent Spec agents to an interactive UI using CopilotKit and AG‑UI. Use our Next.js starter to connect a CopilotKit UI to your Agent‑Spec FastAPI endpoint that streams AG‑UI events.

Quickstart

npx copilotkit@latest create -f agent-spec

Then set an endpoint for your backend (defaults to http://localhost:8000/copilotkit):

.env.local
COPILOTKIT_REMOTE_ENDPOINT=http://localhost:8000/copilotkit

Run your Agent Spec FastAPI server and start the Next.js app. You can use the example server at ag-ui/integrations/agent-spec/python/examples/server.py.

How it works

  • Backend: Your FastAPI endpoint (from the Agent Spec integration) emits AG‑UI SSE events.
  • Frontend: The Next.js template proxies requests to your backend using CopilotKit Runtime.
  • Protocol: AG‑UI spans/events power streaming text, tool calls and results, and run lifecycle.

Links

  • Next.js starter flag: -f agent-spec
  • Example FastAPI server: ag-ui/integrations/agent-spec/python/examples/server.py
  • Endpoint helper: ag-ui/integrations/agent-spec/python/ag_ui_agentspec/endpoint.py

Learn more

  • Agent Spec docs home: https://oracle.github.io/agent-spec/development/docs_home.html
  • Specification overview: https://oracle.github.io/agent-spec/development/agentspec/index.html
  • API reference: https://oracle.github.io/agent-spec/development/api/index.html
  • Reference sheet: https://oracle.github.io/agent-spec/development/misc/reference_sheet.html
Slanted end borderSlanted end border
Slanted start borderSlanted start border
NEXT
Quickstart

On this page

Open Agent Spec + CopilotKit
Quickstart
How it works
Links
Learn more