What problem does it solve? Setting up CopilotKit requires coordinating frontend packages, a server-side runtime, endpoint factories, and provider configuration that differ per framework. This Skill automates framework detection and generates the correct wiring so the first working chat integration runs without trial and error. ## Core Features & Use Cases - Framework Detection: Identifies Next.js App Router, Next.js Pages Router, Angular, or Vite + React from signal files like next.config, angular.json, and vite.config before generating code. - Runtime Wiring: Creates CopilotRuntime endpoints using multi-route or single-route factories for Hono or Express, with BuiltInAgent model configuration for OpenAI, Anthropic, or Google. - Provider and Chat UI Setup: Configures CopilotKitProvider with runtimeUrl, useSingleEndpoint, and stylesheet imports, plus CopilotChat, CopilotSidebar, or CopilotPopup components. - Use Case: A developer with an existing Vite + React app asks to add an AI chat sidebar; the Skill detects Vite, scaffolds a standalone Express runtime with BuiltInAgent, and wires the provider to the backend URL. ## Quick Start Add CopilotKit with a working chat interface to my current project, detecting the framework and wiring the runtime and provider automatically.
