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.

Quickstart

Turn your Agent Spec agent into an agent‑native application in minutes.

Prerequisites

  • Node.js 20+
  • Python 3.9+

1) Scaffold the UI

Start from our starter template:

npx copilotkit@latest create -f agent-spec

2) Run your Agent‑Spec server

Use the FastAPI example or your own server with the Agent‑Spec endpoint mounted at /copilotkit:

ag-ui/integrations/agent-spec/python/examples/server.py
python server.py
# Requires AGENT_SPEC_PATH pointing to an Agent‑Spec JSON/YAML file

3) Connect the UI to your server

Set the endpoint in your Next.js app:

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

4) Run Next.js

pnpm dev
# or npm run dev / yarn dev / bun dev

Open http://localhost:3000 and start chatting with your agent.

Notes

  • The template uses CopilotKit Runtime to proxy to your FastAPI endpoint.
  • AG‑UI streaming covers text, tool calls, tool results, and run lifecycle.

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
PREV
Overview
Slanted end borderSlanted end border
Slanted start borderSlanted start border
NEXT
Vibe Coding MCP