copilotkit

Installation
SKILL.md

CopilotKit

Use this skill to implement CopilotKit-based agent UX with correct provider wiring, runtime selection, shared state, frontend actions, and interrupt handling.

Quick Triage

  • Use this skill for CopilotKit provider setup, runtime endpoints, hooks, shared-state rendering, and human-in-the-loop UX.
  • Switch to $langgraph when backend graph behavior is the main issue.
  • Switch to $ag-ui when protocol event compliance is the main issue.
  • Switch to $langchain when core model/tool orchestration logic is the main issue.

Workflow

  1. Choose runtime topology. Decide LangGraph platform endpoint vs remote backend runtime before UI edits.
  2. Configure provider boundary. Set <CopilotKit> provider and runtime endpoint settings first.
  3. Select hooks by responsibility. Use useCoAgent for state coupling, useCopilotAction for frontend actions, and interrupt hooks for HITL flow.
Related skills
Installs
65
GitHub Stars
11
First Seen
Feb 8, 2026