본문으로 건너뛰기
cccskills
무료GitHub에 공개

copilotkit

Helps integrate CopilotKit into an app by consulting current documentation and source code. Covers chat interfaces, agent connections, shared state, and troubleshooting, with guidance on checking configuration and avoiding incompatible API versions.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

원문원문 설명 보기

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.

설치 방법 보기

이럴 때 유용합니다

  • Adding a CopilotKit chat interface to an app
  • Connecting an agent framework
  • Diagnosing runtime connection problems
  • Checking imports before migrating to v2

포함된 파일(1)

  • SKILL.md7.2 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 --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 covers moving off it.

리뷰

아직 리뷰가 없습니다. 사용해 본 소감을 남겨 주세요.

댓글

로그인 없이 쓸 수 있습니다. 사용 후기, 질문, 작동하지 않은 환경 등을 편하게 남겨 주세요.

아직 댓글이 없습니다. 첫 댓글을 남겨 보세요.

보내면 바로 공개됩니다. 이메일 주소나 전화번호 같은 개인 정보는 쓰지 마세요. URL은 2개까지입니다.

0 / 1,000자

이 양식은 reCAPTCHA로 보호되며 Google 개인정보처리방침 및 서비스 약관이 적용됩니다.

같은 저장소의 스킬

Set up an agent that replies in Slack or Microsoft Teams using CopilotKit's guided CLI workflow. It covers project preparation, agent creation, channel configuration, a persistent host process, and verification with a real message.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Building a first agent that replies in Slack
  • Connecting an agent to Microsoft Teams
  • Checking channel setup through a real reply
CopilotKit/CopilotKit3.8만2026년 10월 17일 업데이트

Guides development of ChatGPT apps with interactive widgets using mcp-use and OpenAI Apps SDK, covering server tools, React interfaces, and shared state. This skill is deprecated and directs users to mcp-app-builder.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Plan a ChatGPT app with interactive widgets
  • Implement MCP server tools and React widgets
  • Manage widget state and context shared with ChatGPT
CopilotKit/CopilotKit3.8만2026년 10월 17일 업데이트

Implement and customize managed CopilotKit Channels so agents can reply in Slack or Microsoft Teams. It covers channel handlers, persistent runtime connections, Teams setup, and checks for silent failures such as missing permissions or incompatible package versions.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Customizing mention and reaction handlers
  • Adding a managed Channel to an existing project
  • Setting up a Microsoft Teams connection
CopilotKit/CopilotKit3.8만2026년 10월 17일 업데이트

Use the CopilotKit CLI to check app connections, credentials, and agent responses before investigating code. It also guides project creation, integration into existing apps, hosted project selection, typed agent identifier generation, and thread history imports.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Diagnosing CopilotKit connection and authentication failures
  • Creating a new CopilotKit project
  • Adding CopilotKit to an existing app
CopilotKit/CopilotKit3.8만2026년 10월 17일 업데이트

Keeps CopilotKit documentation aligned with released Inspector panels, the views shown in its local web overlay. It updates reader guidance and panel mappings when panels change, and checks quickstart instructions against supported platforms.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Add documentation guidance for a released Inspector panel
  • Update documentation after renaming or removing a panel
  • Check Inspector instructions in web quickstarts
CopilotKit/CopilotKit3.8만2026년 10월 17일 업데이트

Develop and debug CopilotKit Inspector interfaces in a dedicated local workbench. It guides baseline screenshots, visual checks after each change, and additional narrow-screen or theme checks when layout or contrast is involved.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Fixing Inspector panes and overlay controls
  • Checking narrow-screen layouts and the collapsed rail
  • Comparing light and dark theme appearance
CopilotKit/CopilotKit3.8만2026년 10월 17일 업데이트

CopilotKit의 스킬 모두 보기

이 스킬의 문제 신고