Summary
If you're building AI chat features into a React app, this gets you up and running with CopilotKit v2's full stack. You'll wire up a runtime on the server (Hono or Express), drop the provider and a chat component into your frontend, then register tools the agent can call in the browser with useFrontendTool. The hook library covers the practical stuff: sharing app state with useAgentContext, handling agent interrupts when they need human input, and rendering custom UI for tool calls as they execute. It includes an MCP server for live docs, which is helpful since you're juggling three layers (runtime, core, React) built on the AG-UI protocol. Solid for copilot-style interfaces where the agent needs to read and act on frontend state.
Install to Claude Code
npx -y skills add copilotkit/skills --skill copilotkit-develop --agent claude-codeInstalls into .claude/skills of the current project.
Fastest browser for AI agents to run web automation tasks, always free.
Download Free life-time →
belt cli automatically finds the best tools and skills for your agent. image, video, music, tts...
one prompt install →
Free an open-source skills that make AI coding agents easier to understand, verify, and control.
Download for free →
Connect your Claude agent to live crypto prices and trading routes via 1inch
Get the MCP →
Notes, actions and memory. Without a meeting bot. First month 100% off.
Download for free →
Files
SKILL.md
Select a file.
Featured
Fastest browser for AI agents to run web automation tasks, always free.
Download Free life-time →belt cli automatically finds the best tools and skills for your agent. image, video, music, tts...
one prompt install →Free an open-source skills that make AI coding agents easier to understand, verify, and control.
Download for free →Connect your Claude agent to live crypto prices and trading routes via 1inch
Get the MCP →Notes, actions and memory. Without a meeting bot. First month 100% off.
Download for free →First SeenJun 3, 2026
