本文へ移動
cccskills
無料GitHub で公開

copilotkit

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.

インストール方法を見る

含まれるファイル(1)

  • SKILL.md7.0 KB

SKILL.md(原文)

インストールする前に、エージェントに与えられる指示の中身を確認できます。

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 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.

ToolCorpusUse it for
search-docsdocs.copilotkit.aiUsage, configuration, guides, quickstarts, the generated API reference
search-codeCopilotKit library sourceHow something is implemented, and exact signatures. Library packages only, not examples or showcases
search-ag-ui-docsAG-UI protocol docsThe protocol itself: event types, transports, the SDKs
search-ag-ui-codeAG-UI protocol SDK sourceProtocol implementation detail
explore-docs / explore-codeeither treeBrowsing 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 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:

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
  • Otherwise: npx copilotkit@latest verify --json

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 covers moving off it.

レビュー

まだレビューはありません。使ってみた感想をお寄せください。

同じリポジトリのスキル

概要と使いどころ

Use when a developer wants to build their first CopilotKit Channels agent and get it answering in Slack or Microsoft Teams: "set up a channel", "connect my agent to Slack", "get my agent into Teams", or starting from nothing and wanting a working channel end to end. Covers the whole path: inspecting or scaffolding the project, building the AG-UI agent, creating and reconciling the managed Channel with the public CopilotKit CLI, running the long-running host, and proving a real provider mention gets a reply. The workflow is not in this file. Run `npx --yes copilotkit@latest onboard start` and follow the graph it prints.

日本語の概要は準備中です。原文の説明を表示しています。

CopilotKit/CopilotKit3.8万2026年10月10日 更新

DEPRECATED: This skill has been replaced by `mcp-app-builder`. Check if `mcp-app-builder` is available in the skills folder. If not, install it: `npx skills install mcp-use/mcp-use --skill mcp-app-builder` Use `mcp-app-builder` instead of this skill. Build ChatGPT apps with interactive widgets using mcp-use and OpenAI Apps SDK. Use when creating ChatGPT apps, building MCP servers with widgets, defining React widgets, working with Apps SDK, or when user mentions ChatGPT widgets, mcp-use widgets, or Apps SDK development.

日本語の概要は準備中です。原文の説明を表示しています。

CopilotKit/CopilotKit3.8万2026年10月10日 更新

Use for the CODE half of a managed Intelligence Channel with Slack or Microsoft Teams: customising the Channel a CLI-scaffolded project already ships, or — for a project the CLI did not generate — writing the Channel declaration, the long-running host, and the awaited activation call. Teams provider setup is in scope, because the CLI or dashboard wizard performs it. Creating a Slack app for the first time is not: if no Slack app exists yet, use setup-slack-channel for the provider half and return here for the code.

日本語の概要は準備中です。原文の説明を表示しています。

CopilotKit/CopilotKit3.8万2026年10月10日 更新

Use for the CopilotKit CLI — `npx copilotkit@latest`. Covers proving a project's wiring with `verify` before debugging anything by hand, scaffolding with `create`, signing in and selecting a hosted Intelligence project, agent-assisted onboarding of an existing app, generating type-safe agent ids, and importing thread history. Reach for `verify` first whenever a CopilotKit app is not working.

日本語の概要は準備中です。原文の説明を表示しています。

CopilotKit/CopilotKit3.8万2026年10月10日 更新

Keeps CopilotKit docs pointing at shipped Inspector panes so readers open the overlay. Use when adding, changing, renaming, or removing an Inspector pane, tab, or overlay action in @copilotkit/web-inspector, or when editing docs that mention Inspector. Don't use for Inspector UI polish that does not add a pane, for CLI or agent-prompt copy, or for unshipped Inspector ideas.

日本語の概要は準備中です。原文の説明を表示しています。

CopilotKit/CopilotKit3.8万2026年10月10日 更新

Runs Inspector UI work on the standalone Threads state lab so the agent can see the overlay. Use when a CopilotKit employee asks an agent to fix, polish, add, or debug Inspector UI, chrome, panes, overlay actions, launcher, Home, Threads, Playground, Memory, or any visual behavior in @copilotkit/web-inspector. Don't use for docs-only Callout updates (load inspector-docs), runtime or core changes with no Inspector UI, showcase cell work, or reading Inspector as a consumer inside an app.

日本語の概要は準備中です。原文の説明を表示しています。

CopilotKit/CopilotKit3.8万2026年10月10日 更新

CopilotKit のスキルをすべて見る

このスキルの問題を報告する