Skip to main content
skill CX Codex

copilotkit — Claude Code skill: current CopilotKit docs on demand

A skill that sends your agent to the live CopilotKit documentation and source instead of letting it answer from memory.

Install into Claude Code · Skills CLI (Vercel) All methods and platforms ↓
npx skills add CopilotKit/CopilotKit --skill copilotkit -a claude-code
Open on GitHub

What copilotkit does

CopilotKit covers the pieces you need to put an AI assistant inside an app: chat UI, tools on the client and the server, generative UI, shared state, human-in-the-loop. Reach for this skill whenever a question touches those areas, or when something in your setup misbehaves. Version 3.2.0, MIT licensed.

The skill deliberately carries almost no API detail. It tells the agent where the answer lives. Docs pages come back as Markdown when you append .md to a path, so https://docs.copilotkit.ai/quickstart.md returns text/markdown; a missing path gives a 404 with the body Not found. Start from https://docs.copilotkit.ai/llms.txt for a curated index, or sitemap.xml for every page. Library code is readable in node_modules/@copilotkit/ or in the repo under packages/. There is a second route: the plugin declares an MCP server, copilotkit-docs, in .mcp.json, which adds semantic search across four corpora — the docs site, the library source, and the AG-UI protocol docs and SDK. AG-UI lives in a different repository, so the docs search will not surface it. If those tools are absent, the Markdown pages give the same content.

Before debugging, the skill says to run one wiring check. For an app with no Intelligence, that is npx copilotkit@latest verify --expect-runtime oss --round-trip --agent <id> --json --via skill:copilotkit; otherwise npx copilotkit@latest verify --json --via skill:copilotkit. The --via flag only tags the call for CopilotKit's telemetry.

What it helps with

  • get the current CopilotKit API signature instead of a remembered one
  • wire a chat UI into an app from the up-to-date quickstart
  • find how a specific behaviour is implemented in the library source
  • look up a code the app reported in CopilotKitCoreErrorCode
  • check runtime and agent wiring with one command before debugging

Example prompts for the agent

  • How do I add the CopilotKit chat UI to my Next.js app? Pull the current quickstart.
  • My generative UI is broken — search the docs for what I might have missed.
  • Run npx copilotkit@latest verify --json --via skill:copilotkit and tell me what it returned.

How to install copilotkit

1Skills CLI (Vercel)

npx skills add CopilotKit/CopilotKit --skill copilotkit -a claude-code

2Manually: put the files in place

~/.claude/skills/copilotkit/SKILL.md

Copy the whole skill folder; for one project use .claude/skills/copilotkit/

Step by step, with commands for each platform: How to install skills in Claude Code: five ways

Questions about copilotkit

How do I install copilotkit in Claude Code?

Run npx skills add CopilotKit/CopilotKit --skill copilotkit -a claude-code. The skill file lands at ~/.claude/skills/copilotkit/SKILL.md.

What does the copilotkit skill do?

It points the agent at the live CopilotKit docs and source rather than letting it recall APIs. It covers chat UI, client and server tools, generative UI, shared state, human-in-the-loop, the runtime, Intelligence, threads, voice and agent frameworks.

Do I need the MCP server for the skill to work?

No. The plugin declares an MCP server, copilotkit-docs, with semantic search over four corpora, but without it the same pages are readable as Markdown — append .md to a path on docs.copilotkit.ai.

Source text

SKILL.md · MIT
---
name: copilotkit
description: "Use for any CopilotKit question — adding it to an app, chat UI, frontend or server tools, generative UI, shared state, human-in-the-loop, agent frameworks (LangGraph, CrewAI, Mastra, ADK, PydanticAI, and others), the runtime, Intelligence, threads, voice, or diagnosing something that is not working. Do not answer from memory: this skill exists to point you at the current documentation and source, both of which you can read."
version: 3.2.0
---

# CopilotKit

CopilotKit's APIs move. Anything written down in a skill file is a copy that starts drifting
the day it is written, so this skill carries almost no API detail on purpose. It tells you
where the current answer lives and how to get it.

**Look it up before you write code.** Not because the docs are more convenient, but because
they are regenerated from the source and a recollection is not.

## Reading the docs

There are two ways to read the current docs. Check which one this session has.

### Without the MCP server: fetch the Markdown pages

This path always works. It needs only a way to fetch a URL.

- **Any docs page as Markdown.** Add `.md` to the page path:
  `https://docs.copilotkit.ai/<path>.md`. For example,
  `https://docs.copilotkit.ai/quickstart.md` and
  `https://docs.copilotkit.ai/backend/copilot-runtime.md`. The response is
  `text/markdown`. A path that does not exist returns 404 with the body `Not found`.
- **To find a path.** Start with `https://docs.copilotkit.ai/llms.txt`. It is a short,
  curated index with links to the main pages. For a page it does not list, read
  `https://docs.copilotkit.ai/sitemap.xml`, which lists every page URL. Both indexes list
  HTML page URLs. Add `.md` to a URL before you fetch it. The site root has no `.md` form.
  Do not fetch `llms-full.txt` in one read. It holds every page and is several megabytes.
- **Links in this skill.** A link such as [quickstart](/quickstart) is a docs path.
  Fetch it as `https://docs.copilotkit.ai/quickstart.md`.
- **Library source.** Read the installed package in `node_modules/@copilotkit/`, or the
  source at `https://github.com/CopilotKit/CopilotKit` under `packages/`.
- **AG-UI protocol.** The protocol has its own docs at `https://docs.ag-ui.com`. Its index
  is `https://docs.ag-ui.com/llms.txt`, and its pages also take `.md`.

### With the MCP server: search tools

The CopilotKit Claude Code plugin also declares an MCP server, `copilotkit-docs`, in its
`.mcp.json`. When that server is loaded, it adds search tools over four separate corpora.
It is a faster way to search. It is not required. If these tools are not in this session,
use the Markdown pages above.

| Tool                            | Corpus                    | Use it for                                                                                           |
| ------------------------------- | ------------------------- | ---------------------------------------------------------------------------------------------------- |
| `search-docs`                   | docs.copilotkit.ai        | Usage, configuration, guides, quickstarts, the generated API reference                               |
| `search-code`                   | CopilotKit library source | How something is implemented, and exact signatures. Library packages only, not examples or showcases |
| `search-ag-ui-docs`             | AG-UI protocol docs       | The protocol itself: event types, transports, the SDKs                                               |
| `search-ag-ui-code`             | AG-UI protocol SDK source | Protocol implementation detail                                                                       |
| `explore-docs` / `explore-code` | either tree               | Browsing structure when you do not yet know what to search for                                       |

CopilotKit questions go to the first two. AG-UI protocol questions go to the second two.
They are a different repository, and `search-docs` will not find them.

**These are semantic searches.** Several short queries with different words beat one long
query. If a result is off-target, rephrase the query. Do not make it wider. If a page looks
right but does not contain the term you need, say so. Do not reason from the title.

A user who wants the search tools outside the plugin can add the server themselves. The
endpoints are `https://mcp.copilotkit.ai/mcp` (streamable HTTP) and
`https://mcp.copilotkit.ai/sse` (SSE). Keep the path, because the bare host returns 404.
[Build with agents](/build-with-agents) has the steps for each coding tool. Do not add the
server on your own as a setup step. The Markdown pages give the same content.

## Where the answers are

Worth knowing so a search or a fetch has somewhere to land. Each link is a docs path:

- **Getting started** — [quickstart](/quickstart), and [the CLI](/cli) for the
  CLI-driven path
- **Frontend** — [frontend tools](/frontend-tools), [human-in-the-loop](/human-in-the-loop),
  [prebuilt components](/prebuilt-components), [styling](/custom-look-and-feel/css),
  [attachments](/multimodal-attachments), [voice](/voice)
- **Runtime** — [the runtime](/backend/copilot-runtime),
  [HTTP endpoints](/backend/runtime-endpoints), [runners](/backend/agent-runner),
  [factory mode](/backend/custom-agent), [server adapters](/runtime-server-adapter),
  [auth](/auth)
- **Agent frameworks** — one quickstart per framework, at
  `https://docs.copilotkit.ai/<framework>/quickstart.md`. The framework slugs are in
  `llms.txt`, for example `langgraph-python`, `mastra`, and `crewai-crews`.
- **Intelligence** — [overview](/intelligence/overview) and the pages under it
- **Not working** — [common issues](/troubleshooting/common-issues),
  [error reference](/troubleshooting/error-reference), and the generated
  [`CopilotKitCoreErrorCode`](/reference/core/enums/CopilotKitCoreErrorCode) for a code the
  app actually reported
- **Protocol** — [AG-UI](/backend/ag-ui), and the AG-UI docs for the protocol itself

## Before you debug anything

Run the CLI's wiring check first. It settles up to eleven things in one command and is almost
always faster than reading the project. Pick the form that matches the app:

- **No Intelligence** (nothing constructs `CopilotKitIntelligence` where the runtime is built,
  and there is no `.copilotkit/project.json`):
  `npx copilotkit@latest verify --expect-runtime oss --round-trip --agent <id> --json --via skill:copilotkit`
- **Otherwise:** `npx copilotkit@latest verify --json --via skill:copilotkit`

`--via skill:copilotkit` only tells CopilotKit's telemetry that the call came from this skill.
If the CLI reports `Unknown option '--via'`, npx ran an old cached version: run the command
again without the flag.

Do not run `login` or `project select` only to make `verify` pass. Those commands set up
hosted Intelligence and do not fix an open-source app. See the `copilotkit-cli` skill.

## Two versions exist

v2 is current. Import from the `/v2` subpath — `@copilotkit/react-core/v2`,
`@copilotkit/runtime/v2`. The package root is the deprecated v1 surface and still resolves,
so mixing the two raises nothing at import time and surfaces later as a runtime mismatch.
Check which subpath a project imports before trusting anything else about it. v1 is
deprecated but supported; [the migration guide](/migrate/v2) covers moving off it.

© CopilotKit · MIT · CopilotKit/CopilotKit

Similar skills

All skills for Agent setup: memory, context, orchestration →

From the same set8

setup-slack-channel Skill to connect a local CopilotKit Channels agent to Slack from scratch: creates a Slack app, generates tokens, and binds them to a managed Intelligence Channel. Use it to make your bot respond to Slack mentions. CX Codex +1 1,300installs copilotkit-channels Configures the code side of CopilotKit managed Slack and Microsoft Teams channels. Connects your agent runtime to Intelligence transport without manual webhook plumbing. CX Codex +1 1,300installs channels-setup A skill to build your first CopilotKit Channels agent and connect it to Slack or Microsoft Teams. Walks through the entire path: from project setup to a working agent that replies to mentions in chat. CX Codex +1 1,400installs inspector-docs Keeps CopilotKit documentation aligned with shipped Inspector overlay panes. Use it when adding, editing, or deleting tabs in @copilotkit/web-inspector. CX Codex +1 1,100installs inspector-workbench Runs Inspector UI changes in the standalone Threads lab so the agent sees the overlay and screenshots every visual edit. CX Codex +1 870installs intelligence-docs A skill that keeps the CopilotKit Intelligence landing page aligned with new features and documentation. Automates updates to navigation, feature cards, and links whenever you add or change pages under docs/intelligence. CX Codex +1 761installs intelligence-vocabulary Locks customer-facing CopilotKit Intelligence docs to a single approved term per concept. Useful when writing docs, nav items, and alt text in showcase/shell-docs. CX Codex +1 549installs

Project sponsors

Companies that keep this analytics open
Gold sponsor

Impressions, clicks and code copies — open statistics. We keep the numbers public for the same reason NeBlask itself is public. Become a sponsor