chatkit-integration

Integrate OpenAI ChatKit by setting up a ChatKitServer, configuring frontend useChatKit hooks for authentication and context injection, and wiring agent endpoints. The Skill covers backend persistence, frontend configuration, and infrastructure patterns like httpOnly cookie proxies for secure deployments.

ChatKit authentication uses httpOnly cookies proxied through your backend to prevent XSS exposure. The Skill provides patterns for Next.js cookie proxy setup, custom fetch interceptors on the frontend, and per-user isolation at the server level to enforce secure, session-based access.

Inject context by extracting page state on the frontend, passing it through useChatKit configuration, and extending the ChatKitServer respond path on the backend. This enables per-request prompt enrichment while maintaining user isolation and graceful degradation for missing context.

ChatKit supports both server-rendered and client-driven interactions. The Skill addresses build-time configuration, SSE-friendly proxies, pre-warmed connections, and streaming UI patterns needed for each rendering model.

ChatKit deployments require database persistence wired into the ChatKitServer to store conversation history, user state, and agent interactions. The Skill covers backend server implementation patterns and integration points for persistence layers.

Configure script loading and streaming by setting build-time properties, implementing SSE-friendly proxies, and using custom fetch interceptors to manage streaming responses. The Skill provides infrastructure patterns for both static and dynamic frontend environments.