copilotkit-develop

What problem does it solve?

CopilotKit app developers need a reliable way to set up AI chat UIs, connect runtime agents, and wire tools and agent interactions without missing critical integration details.

Core Features & Use Cases

• Runtime integration: Configure CopilotRuntime with registered agents and expose endpoints via createCopilotEndpoint (Hono) or createCopilotEndpointExpress (Express).
• Chat UI wiring: Add CopilotChat, CopilotPopup, or CopilotSidebar, connected through CopilotKitProvider using the correct runtime URL.
• Tooling & interaction patterns: Register frontend tools (useFrontendTool, useComponent), share structured context (useAgentContext), handle interrupts (useInterrupt), implement human-in-the-loop flows (useHumanInTheLoop), and customize tool call rendering (useRenderTool, useDefaultRenderTool).
• Chat UX enhancements: Configure AI-generated suggestions (useConfigureSuggestions) and set user-facing labels for UI text.

Quick Start

Use the copilotkit-develop skill to add a CopilotSidebar chat UI inside a CopilotKitProvider connected to your /api/copilotkit runtime endpoint and ensure an agent is registered and usable by the chat.